#31299E Color

#31299E is rgb(49, 41, 158) in RGB and hsl(244, 59%, 39%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#31299E

HEX#31299E

RGBrgb(49, 41, 158)

HSLhsl(244, 59%, 39%)

HSVhsv(244, 74%, 62%)

OKLCHoklch(37.9% 0.18 276.5)

CMYKcmyk(69%, 74%, 0%, 38%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#31299E Complementary#969E29 Analogous#295C9E Analogous#6B299E Triadic#9E3129 Triadic#299E31

Tints & Shades

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

Tints

#3B31BF #554DD1 #746DD9 #9792E3 #B6B2EB #D8D6F5

Shades

#2A248A #241E76 #1E1961 #18144D #110F39 #0B0924

Use #31299E in Our Tools

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