#66EAD9 Color

#66EAD9 is rgb(102, 234, 217) in RGB and hsl(172, 76%, 66%) in HSL. The closest CSS named color is Aquamarine. Black text is most readable on this background.

#66EAD9

HEX#66EAD9

RGBrgb(102, 234, 217)

HSLhsl(172, 76%, 66%)

HSVhsv(172, 56%, 92%)

OKLCHoklch(85.9% 0.119 183.8)

CMYKcmyk(56%, 0%, 7%, 8%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #66EAD9 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.46:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text14.34:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #66EAD9 based on color wheel relationships. Click any swatch for its full breakdown.

Base#66EAD9 Complementary#EA6678 Analogous#66EA97 Analogous#66BAEA Triadic#D966EA Triadic#EAD966

Tints & Shades

Lighter tints and darker shades of #66EAD9, useful for hover states, backgrounds, and text variants.

Tints

#7DEDDE #8FF0E3 #A5F3E8 #B7F5ED #CEF8F3 #E0FBF7

Shades

#3EE5CE #1DD7BF #18AF9B #138B7B #0D6357 #083A34

Use #66EAD9 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex