#452821 Color

#452821 is rgb(69, 40, 33) in RGB and hsl(12, 35%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#452821

HEX#452821

RGBrgb(69, 40, 33)

HSLhsl(12, 35%, 20%)

HSVhsv(12, 52%, 27%)

OKLCHoklch(31.2% 0.046 34.3)

CMYKcmyk(0%, 42%, 52%, 73%)

Text Contrast & Accessibility

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

TextWhite text13.3:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#452821 Complementary#213E45 Analogous#45212C Analogous#453A21 Triadic#214528 Triadic#282145

Tints & Shades

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

Tints

#6B3E33 #915546 #B16E5D #C59387 #D7B5AC #E9D7D2

Shades

#3E241E #341E19 #2D1A16 #261612 #1F120F #150C0A

Use #452821 in Our Tools

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