#106F98 Color

#106F98 is rgb(16, 111, 152) in RGB and hsl(198, 81%, 33%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#106F98

HEX#106F98

RGBrgb(16, 111, 152)

HSLhsl(198, 81%, 33%)

HSVhsv(198, 89%, 60%)

OKLCHoklch(51.1% 0.103 234.2)

CMYKcmyk(89%, 27%, 0%, 40%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#106F98 Complementary#983910 Analogous#10987D Analogous#102B98 Triadic#98106F Triadic#6F9810

Tints & Shades

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

Tints

#148EC2 #21ACE8 #4BBCEC #75CBF0 #9EDBF5 #CCECFA

Shades

#0E6286 #0C5473 #0A4761 #08364A #062937 #041B25

Use #106F98 in Our Tools

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