#40213B Color

#40213B is rgb(64, 33, 59) in RGB and hsl(310, 32%, 19%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#40213B

HEX#40213B

RGBrgb(64, 33, 59)

HSLhsl(310, 32%, 19%)

HSVhsv(310, 48%, 25%)

OKLCHoklch(30% 0.062 333.2)

CMYKcmyk(0%, 48%, 8%, 75%)

Text Contrast & Accessibility

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

TextWhite text14.01:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#40213B Complementary#214026 Analogous#362140 Analogous#40212B Triadic#3B4021 Triadic#213B40

Tints & Shades

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

Tints

#65345D #8D4982 #AE61A1 #C186B7 #D4ABCD #E8D3E5

Shades

#391D35 #321A2E #2C1728 #22111F #1B0E19 #140A13

Use #40213B in Our Tools

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