#157A99 Color

#157A99 is rgb(21, 122, 153) in RGB and hsl(194, 76%, 34%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#157A99

HEX#157A99

RGBrgb(21, 122, 153)

HSLhsl(194, 76%, 34%)

HSVhsv(194, 86%, 60%)

OKLCHoklch(54% 0.097 224.9)

CMYKcmyk(86%, 20%, 0%, 40%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#157A99 Complementary#993415 Analogous#159975 Analogous#153899 Triadic#99157A Triadic#7A9915

Tints & Shades

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

Tints

#1A9AC1 #28B6E2 #50C4E7 #7DD3ED #A5E1F3 #CEEEF8

Shades

#126C87 #0F5A70 #0D4B5E #0A3D4C #082F3A #051D24

Use #157A99 in Our Tools

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