#196E8A Color

#196E8A is rgb(25, 110, 138) in RGB and hsl(195, 69%, 32%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#196E8A

HEX#196E8A

RGBrgb(25, 110, 138)

HSLhsl(195, 69%, 32%)

HSVhsv(195, 82%, 54%)

OKLCHoklch(50.3% 0.088 225.6)

CMYKcmyk(82%, 20%, 0%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#196E8A Complementary#8A3519 Analogous#198A6E Analogous#19358A Triadic#8A196E Triadic#6E8A19

Tints & Shades

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

Tints

#208DB1 #2CADD8 #53BCDF #7ECDE7 #A5DCEE #D0EDF6

Shades

#166079 #135267 #104556 #0D3745 #092934 #061B22

Use #196E8A in Our Tools

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