#10317E Color

#10317E is rgb(16, 49, 126) in RGB and hsl(222, 77%, 28%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#10317E

HEX#10317E

RGBrgb(16, 49, 126)

HSLhsl(222, 77%, 28%)

HSVhsv(222, 87%, 49%)

OKLCHoklch(34.4% 0.136 263.4)

CMYKcmyk(87%, 61%, 0%, 51%)

Text Contrast & Accessibility

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

TextWhite text11.91:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#10317E Complementary#7E5D10 Analogous#10687E Analogous#26107E Triadic#7E1031 Triadic#317E10

Tints & Shades

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

Tints

#1643AC #1C55D9 #4173E6 #6F94EC #9CB6F2 #C9D7F8

Shades

#0F2C71 #0C255F #0B2051 #08193F #061332 #040C20

Use #10317E in Our Tools

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