#331431 Color

#331431 is rgb(51, 20, 49) in RGB and hsl(304, 44%, 14%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#331431

HEX#331431

RGBrgb(51, 20, 49)

HSLhsl(304, 44%, 14%)

HSVhsv(304, 61%, 20%)

OKLCHoklch(25.1% 0.067 329.8)

CMYKcmyk(0%, 61%, 4%, 80%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #331431 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.29:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#331431 Complementary#143316 Analogous#261433 Analogous#331422 Triadic#313314 Triadic#143133

Tints & Shades

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

Tints

#5F255C #8C3686 #B847B0 #C973C3 #DAA0D6 #EBCCE9

Shades

#30132E #281027 #250E23 #1D0B1C #1A0A19 #120712

Use #331431 in Our Tools

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