#196986 Color

#196986 is rgb(25, 105, 134) in RGB and hsl(196, 69%, 31%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#196986

HEX#196986

RGBrgb(25, 105, 134)

HSLhsl(196, 69%, 31%)

HSVhsv(196, 81%, 53%)

OKLCHoklch(48.8% 0.086 227.7)

CMYKcmyk(81%, 22%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text6.17:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#196986 Complementary#863619 Analogous#19866C Analogous#193286 Triadic#861969 Triadic#698619

Tints & Shades

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

Tints

#208AB1 #28A9D7 #53BADF #79C9E6 #A5DBEE #CBEAF6

Shades

#155B74 #124E63 #0F4052 #0D3645 #092834 #061B22

Use #196986 in Our Tools

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