#61948C

Color Details

HEX
#61948C
RGB
rgb(97, 148, 140)
HSL
hsl(171, 21%, 48%)
CMYK
cmyk(34%, 0%, 5%, 42%)
Best text on this color #000000 (CR 6.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #61948c
Contrast 6.12:1 AA
White on #61948c
Contrast 3.43:1 Fail
#61948c on Black
Contrast 6.12:1 AA
#61948c on White
Contrast 3.43:1 Fail

Tints & Shades

#81a9a3
#a0bfba
#c0d4d1
#4e7670
#3a5954
#273b38

Complement & Analogous

#946168
#5f8295
#5f9572

Triadic

#8c6194
#948c61

Monochrome

#273b38 #3a5954 #61948c #a0bfba #c0d4d1 #dfeae8

Analogous

#5f9572 #8fb59c #61948c #7f9baa #5f8295 #4c6877

Complementary Mix

#3a5954 #61948c #a0bfba #946168 #b9989d #603f44

Nearby Colors

#61948b
#61948d
#61947c
#61949c

Embed #61948C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #61948C

#61948C converts to RGB(97, 148, 140) and HSL(171, 21%, 48%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#61948C FAQs

What is the RGB value of #61948C?
RGB: 97, 148, 140. Copy as CSS: rgb(97, 148, 140)
Is #61948C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #61948C?
Complement: #946168.
Does #61948C have good contrast on white or black?
On white: 3.43:1 (AA (large text)). On black: 6.12:1 (AA (normal text)).