#157969 Color

#157969 is rgb(21, 121, 105) in RGB and hsl(170, 70%, 28%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#157969

HEX#157969

RGBrgb(21, 121, 105)

HSLhsl(170, 70%, 28%)

HSVhsv(170, 83%, 47%)

OKLCHoklch(51.8% 0.09 178.6)

CMYKcmyk(83%, 0%, 13%, 53%)

Text Contrast & Accessibility

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

TextWhite text5.29:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.97:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#157969 Complementary#791526 Analogous#157937 Analogous#155879 Triadic#691579 Triadic#796915

Tints & Shades

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

Tints

#1DA58E #25D0B4 #49DFC6 #74E7D3 #A0EEE1 #CBF6EF

Shades

#136C5E #105B4F #0E4E43 #0B3D34 #083029 #051E1A

Use #157969 in Our Tools

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