#161F83 Color

#161F83 is rgb(22, 31, 131) in RGB and hsl(235, 71%, 30%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#161F83

HEX#161F83

RGBrgb(22, 31, 131)

HSLhsl(235, 71%, 30%)

HSVhsv(235, 83%, 51%)

OKLCHoklch(31.8% 0.163 269.2)

CMYKcmyk(83%, 76%, 0%, 49%)

Text Contrast & Accessibility

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

TextWhite text13.48:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.56:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#161F83 Complementary#837A16 Analogous#165683 Analogous#431683 Triadic#83161F Triadic#1F8316

Tints & Shades

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

Tints

#1E2AAE #2433D6 #4C59E1 #7881E8 #A3AAEF #CBCEF6

Shades

#131B71 #111864 #0E1453 #0B1041 #080B30 #060823

Use #161F83 in Our Tools

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