#669B7C

Color Details

HEX
#669B7C
RGB
rgb(102, 155, 124)
HSL
hsl(145, 21%, 50%)
CMYK
cmyk(34%, 0%, 20%, 39%)
Best text on this color #000000 (CR 6.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #669b7c
Contrast 6.54:1 AA
White on #669b7c
Contrast 3.21:1 Fail
#669b7c on Black
Contrast 6.54:1 AA
#669b7c on White
Contrast 3.21:1 Fail

Tints & Shades

#85af96
#a3c3b0
#c2d7cb
#527c63
#3d5d4a
#293e32

Complement & Analogous

#9a6584
#639c97
#689c63

Triadic

#7b659a
#9a7b65

Monochrome

#293e32 #3d5d4a #669b7c #a3c3b0 #c2d7cb #e0ebe5

Analogous

#689c63 #95ba92 #669b7c #82b0ac #639c97 #4f7d79

Complementary Mix

#3d5d4a #669b7c #a3c3b0 #9a6584 #bd9baf #644256

Nearby Colors

#669b7b
#669b7d
#669b6c
#669b8c

Embed #669B7C swatch

Embed this swatch

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

Open image

About #669B7C

#669B7C converts to RGB(102, 155, 124) and HSL(145, 21%, 50%). 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).

#669B7C FAQs

What is the RGB value of #669B7C?
RGB: 102, 155, 124. Copy as CSS: rgb(102, 155, 124)
Is #669B7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #669B7C?
Complement: #9a6584.
Does #669B7C have good contrast on white or black?
On white: 3.21:1 (AA (large text)). On black: 6.54:1 (AA (normal text)).