#66CA8C

Color Details

HEX
#66CA8C
RGB
rgb(102, 202, 140)
HSL
hsl(143, 49%, 60%)
CMYK
cmyk(50%, 0%, 31%, 21%)
Best text on this color #000000 (CR 10.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #66ca8c
Contrast 10.39:1 AAA
White on #66ca8c
Contrast 2.02:1 Fail
#66ca8c on Black
Contrast 10.39:1 AAA
#66ca8c on White
Contrast 2.02:1 Fail

Tints & Shades

#85d5a3
#a3dfba
#c2ead1
#52a270
#3d7954
#295138

Complement & Analogous

#cb67a5
#67cbbf
#73cb67

Triadic

#8d67cb
#cb8d67

Monochrome

#295138 #3d7954 #66ca8c #a3dfba #c2ead1 #e0f4e8

Analogous

#73cb67 #9ddb95 #66ca8c #85d5cc #67cbbf #52a299

Complementary Mix

#3d7954 #66ca8c #a3dfba #cb67a5 #dd9cc5 #84436b

Nearby Colors

#66ca8b
#66ca8d
#66ca7c
#66ca9c

Embed #66CA8C swatch

Embed this swatch

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

Open image

About #66CA8C

#66CA8C converts to RGB(102, 202, 140) and HSL(143, 49%, 60%). 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).

#66CA8C FAQs

What is the RGB value of #66CA8C?
RGB: 102, 202, 140. Copy as CSS: rgb(102, 202, 140)
Is #66CA8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #66CA8C?
Complement: #cb67a5.
Does #66CA8C have good contrast on white or black?
On white: 2.02:1 (Fails AA). On black: 10.39:1 (AAA (normal text)).