#04D2BA Color

#04D2BA is rgb(4, 210, 186) in RGB and hsl(173, 96%, 42%) in HSL. The closest CSS named color is DarkTurquoise. Black text is most readable on this background.

#04D2BA

HEX#04D2BA

RGBrgb(4, 210, 186)

HSLhsl(173, 96%, 42%)

HSVhsv(173, 98%, 82%)

OKLCHoklch(77.4% 0.14 180.6)

CMYKcmyk(98%, 0%, 11%, 18%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#04D2BA Complementary#D2041C Analogous#04D253 Analogous#0483D2 Triadic#BA04D2 Triadic#D2BA04

Tints & Shades

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

Tints

#05FADD #2DFBE3 #55FCE8 #7DFCED #A5FDF3 #CDFEF8

Shades

#04B9A4 #039B89 #038273 #026459 #024B42 #012D28

Use #04D2BA in Our Tools

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