#173996 Color

#173996 is rgb(23, 57, 150) in RGB and hsl(224, 73%, 34%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#173996

HEX#173996

RGBrgb(23, 57, 150)

HSLhsl(224, 73%, 34%)

HSVhsv(224, 85%, 59%)

OKLCHoklch(38.5% 0.158 264.6)

CMYKcmyk(85%, 62%, 0%, 41%)

Text Contrast & Accessibility

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

TextWhite text10.18:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.06:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#173996 Complementary#967417 Analogous#177896 Analogous#351796 Triadic#961739 Triadic#399617

Tints & Shades

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

Tints

#1E48BE #2B5BDE #537AE4 #7F9CEB #A7BBF1 #CED9F7

Shades

#153284 #112A6E #0E235D #0C1D4B #091639 #060D23

Use #173996 in Our Tools

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