#16658D Color

#16658D is rgb(22, 101, 141) in RGB and hsl(200, 73%, 32%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#16658D

HEX#16658D

RGBrgb(22, 101, 141)

HSLhsl(200, 73%, 32%)

HSVhsv(200, 84%, 55%)

OKLCHoklch(48.1% 0.096 236.9)

CMYKcmyk(84%, 28%, 0%, 45%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#16658D Complementary#8D3E16 Analogous#168D79 Analogous#162A8D Triadic#8D1665 Triadic#658D16

Tints & Shades

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

Tints

#1C82B5 #27A0DD #4FB2E3 #7BC5EA #A2D6F1 #CEEAF7

Shades

#13597C #114C6A #0E3F58 #0B3347 #082635 #061923

Use #16658D in Our Tools

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