#166592 Color

#166592 is rgb(22, 101, 146) in RGB and hsl(202, 74%, 33%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#166592

HEX#166592

RGBrgb(22, 101, 146)

HSLhsl(202, 74%, 33%)

HSVhsv(202, 85%, 57%)

OKLCHoklch(48.4% 0.102 240)

CMYKcmyk(85%, 31%, 0%, 43%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#166592 Complementary#924416 Analogous#169282 Analogous#162692 Triadic#921665 Triadic#659216

Tints & Shades

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

Tints

#1C80BA #2A9DDF #52AFE5 #7AC2EB #A2D4F1 #CEE8F8

Shades

#135981 #114C6F #0E405D #0B3147 #082535 #051823

Use #166592 in Our Tools

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