#2CCEC6 Color

#2CCEC6 is rgb(44, 206, 198) in RGB and hsl(177, 65%, 49%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#2CCEC6

HEX#2CCEC6

RGBrgb(44, 206, 198)

HSLhsl(177, 65%, 49%)

HSVhsv(177, 79%, 81%)

OKLCHoklch(77.2% 0.126 189.7)

CMYKcmyk(79%, 0%, 4%, 19%)

Text Contrast & Accessibility

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

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

TextBlack text10.75:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2CCEC6 Complementary#CE2C34 Analogous#2CCE75 Analogous#2C85CE Triadic#C62CCE Triadic#CEC62C

Tints & Shades

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

Tints

#46D8D0 #63DED8 #81E4DF #9EEAE7 #BCF1EE #D9F7F5

Shades

#26B5AE #209792 #1B7E79 #15615D #0F4845 #092A28

Use #2CCEC6 in Our Tools

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