#197385 Color

#197385 is rgb(25, 115, 133) in RGB and hsl(190, 68%, 31%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#197385

HEX#197385

RGBrgb(25, 115, 133)

HSLhsl(190, 68%, 31%)

HSVhsv(190, 81%, 52%)

OKLCHoklch(51.4% 0.084 214.9)

CMYKcmyk(81%, 14%, 0%, 48%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#197385 Complementary#852B19 Analogous#198561 Analogous#193D85 Triadic#851973 Triadic#738519

Tints & Shades

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

Tints

#2198B0 #29B9D6 #54C7DE #7AD4E6 #A5E2EE #CCEEF5

Shades

#166474 #135563 #104651 #0D3B45 #0A2C33 #071E22

Use #197385 in Our Tools

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