#048172 Color

#048172 is rgb(4, 129, 114) in RGB and hsl(173, 94%, 26%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#048172

HEX#048172

RGBrgb(4, 129, 114)

HSLhsl(173, 94%, 26%)

HSVhsv(173, 97%, 51%)

OKLCHoklch(54.1% 0.097 180.9)

CMYKcmyk(97%, 0%, 12%, 49%)

Text Contrast & Accessibility

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

TextWhite text4.79:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.39:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#048172 Complementary#810413 Analogous#048134 Analogous#045181 Triadic#720481 Triadic#817204

Tints & Shades

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

Tints

#06B29E #07E9CE #2AF8E0 #5CFAE7 #8DFBEF #C4FDF6

Shades

#047265 #036358 #03544B #024039 #02312C #01231F

Use #048172 in Our Tools

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