#196976 Color

#196976 is rgb(25, 105, 118) in RGB and hsl(188, 65%, 28%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#196976

HEX#196976

RGBrgb(25, 105, 118)

HSLhsl(188, 65%, 28%)

HSVhsv(188, 79%, 46%)

OKLCHoklch(48.1% 0.076 211.1)

CMYKcmyk(79%, 11%, 0%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#196976 Complementary#762519 Analogous#197654 Analogous#193B76 Triadic#761969 Triadic#697619

Tints & Shades

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

Tints

#228FA0 #2BB5CA #4EC7DA #78D4E2 #A2E2EB #CDEFF4

Shades

#165E69 #134F58 #10444C #0C353B #0A292E #061A1D

Use #196976 in Our Tools

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