#66838C

Color Details

HEX
#66838C
RGB
rgb(102, 131, 140)
HSL
hsl(194, 16%, 47%)
CMYK
cmyk(27%, 6%, 0%, 45%)
Best text on this color #000000 (CR 5.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #66838c
Contrast 5.19:1 AA
White on #66838c
Contrast 4.05:1 Fail
#66838c on Black
Contrast 5.19:1 AA
#66838c on White
Contrast 4.05:1 Fail

Tints & Shades

#859ca3
#a3b5ba
#c2cdd1
#526970
#3d4f54
#293438

Complement & Analogous

#8b6e65
#5d6c92
#5d9284

Triadic

#8b6582
#828b65

Monochrome

#293438 #3d4f54 #66838c #a3b5ba #c2cdd1 #e0e6e8

Analogous

#5d9284 #8eb3a9 #66838c #7d89a8 #5d6c92 #4a5675

Complementary Mix

#3d4f54 #66838c #a3b5ba #8b6e65 #b4a19b #5a4842

Nearby Colors

#66838b
#66838d
#66837c
#66839c

Embed #66838C swatch

Embed this swatch

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

Open image

About #66838C

#66838C converts to RGB(102, 131, 140) and HSL(194, 16%, 47%). 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).

#66838C FAQs

What is the RGB value of #66838C?
RGB: 102, 131, 140. Copy as CSS: rgb(102, 131, 140)
Is #66838C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #66838C?
Complement: #8b6e65.
Does #66838C have good contrast on white or black?
On white: 4.05:1 (AA (large text)). On black: 5.19:1 (AA (normal text)).