#049A89 Color

#049A89 is rgb(4, 154, 137) in RGB and hsl(173, 95%, 31%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#049A89

HEX#049A89

RGBrgb(4, 154, 137)

HSLhsl(173, 95%, 31%)

HSVhsv(173, 97%, 60%)

OKLCHoklch(61.6% 0.11 181.3)

CMYKcmyk(97%, 0%, 11%, 40%)

Text Contrast & Accessibility

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

TextWhite text3.51:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.99:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#049A89 Complementary#9A0415 Analogous#049A3E Analogous#04619A Triadic#89049A Triadic#9A8904

Tints & Shades

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

Tints

#05CCB5 #06F9DC #38FAE3 #65FBEA #97FCF0 #C3FDF7

Shades

#038677 #037265 #025E54 #025047 #023C35 #012823

Use #049A89 in Our Tools

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