#0CCFC2 Color

#0CCFC2 is rgb(12, 207, 194) in RGB and hsl(176, 89%, 43%) in HSL. The closest CSS named color is DarkTurquoise. Black text is most readable on this background.

#0CCFC2

HEX#0CCFC2

RGBrgb(12, 207, 194)

HSLhsl(176, 89%, 43%)

HSVhsv(176, 94%, 81%)

OKLCHoklch(77% 0.133 186.8)

CMYKcmyk(94%, 0%, 6%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0CCFC2 Complementary#CF0C19 Analogous#0CCF61 Analogous#0C7BCF Triadic#C20CCF Triadic#CFC20C

Tints & Shades

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

Tints

#13F1E2 #39F3E7 #60F6EC #82F8F0 #A8FAF5 #CFFCF9

Shades

#0AB2A7 #099A91 #077D75 #06655F #044844 #03302D

Use #0CCFC2 in Our Tools

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