#668E9C

Color Details

HEX
#668E9C
RGB
rgb(102, 142, 156)
HSL
hsl(196, 21%, 51%)
CMYK
cmyk(35%, 9%, 0%, 39%)
Best text on this color #000000 (CR 5.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #668e9c
Contrast 5.91:1 AA
White on #668e9c
Contrast 3.55:1 Fail
#668e9c on Black
Contrast 5.91:1 AA
#668e9c on White
Contrast 3.55:1 Fail

Tints & Shades

#85a5b0
#a3bbc4
#c2d2d7
#52727d
#3d555e
#29393e

Complement & Analogous

#9c7668
#67739e
#679e91

Triadic

#9c688e
#8e9c68

Monochrome

#29393e #3d555e #668e9c #a3bbc4 #c2d2d7 #e0e8eb

Analogous

#679e91 #95bbb2 #668e9c #858fb1 #67739e #525c7e

Complementary Mix

#3d555e #668e9c #a3bbc4 #9c7668 #bfa69d #654d44

Nearby Colors

#668e9b
#668e9d
#668e8c
#668eac

Embed #668E9C swatch

Embed this swatch

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

Open image

About #668E9C

#668E9C converts to RGB(102, 142, 156) and HSL(196, 21%, 51%). 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).

#668E9C FAQs

What is the RGB value of #668E9C?
RGB: 102, 142, 156. Copy as CSS: rgb(102, 142, 156)
Is #668E9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #668E9C?
Complement: #9c7668.
Does #668E9C have good contrast on white or black?
On white: 3.55:1 (AA (large text)). On black: 5.91:1 (AA (normal text)).