#198286 Color

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

#198286

HEX#198286

RGBrgb(25, 130, 134)

HSLhsl(182, 69%, 31%)

HSVhsv(182, 81%, 53%)

OKLCHoklch(55.4% 0.088 198.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#198286 Complementary#861C19 Analogous#198653 Analogous#194B86 Triadic#861982 Triadic#828619

Tints & Shades

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

Tints

#20ACB1 #28D2D7 #53DBDF #79E3E6 #A5ECEE #CBF4F6

Shades

#157174 #126063 #0F5052 #0D4345 #093234 #062222

Use #198286 in Our Tools

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