#403441 Color

#403441 is rgb(64, 52, 65) in RGB and hsl(295, 11%, 23%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#403441

HEX#403441

RGBrgb(64, 52, 65)

HSLhsl(295, 11%, 23%)

HSVhsv(295, 20%, 25%)

OKLCHoklch(34.3% 0.028 323.7)

CMYKcmyk(2%, 20%, 0%, 75%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#403441 Complementary#354134 Analogous#3A3441 Analogous#41343C Triadic#414034 Triadic#344140

Tints & Shades

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

Tints

#5F4D60 #7A647D #978099 #B09FB2 #CABECB #E1DAE1

Shades

#382D39 #322933 #2A222A #211B22 #191419 #131014

Use #403441 in Our Tools

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