#3A0D20 Color

#3A0D20 is rgb(58, 13, 32) in RGB and hsl(335, 63%, 14%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#3A0D20

HEX#3A0D20

RGBrgb(58, 13, 32)

HSLhsl(335, 63%, 14%)

HSVhsv(335, 78%, 23%)

OKLCHoklch(24.4% 0.074 358.1)

CMYKcmyk(0%, 78%, 45%, 77%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3A0D20 Complementary#0D3A27 Analogous#3A0D36 Analogous#3A110D Triadic#203A0D Triadic#0D203A

Tints & Shades

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

Tints

#6C193B #9E2457 #D02F72 #DB6194 #E693B6 #F2C5D8

Shades

#360C1E #2E0A19 #2A0917 #210812 #1D0710 #15050B

Use #3A0D20 in Our Tools

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