#311140 Color

#311140 is rgb(49, 17, 64) in RGB and hsl(281, 58%, 16%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#311140

HEX#311140

RGBrgb(49, 17, 64)

HSLhsl(281, 58%, 16%)

HSVhsv(281, 73%, 25%)

OKLCHoklch(25.3% 0.089 313.2)

CMYKcmyk(23%, 73%, 0%, 75%)

Text Contrast & Accessibility

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

TextWhite text16.34:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#311140 Complementary#204011 Analogous#1A1140 Analogous#401138 Triadic#403111 Triadic#114031

Tints & Shades

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

Tints

#571E71 #792A9D #9D3ACB #B56AD7 #CD9AE4 #E3C7F0

Shades

#2B0F38 #280E34 #220C2C #1C0A24 #16071C #130618

Use #311140 in Our Tools

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