#453626 Color

#453626 is rgb(69, 54, 38) in RGB and hsl(31, 29%, 21%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#453626

HEX#453626

RGBrgb(69, 54, 38)

HSLhsl(31, 29%, 21%)

HSVhsv(31, 45%, 27%)

OKLCHoklch(34.5% 0.034 68.1)

CMYKcmyk(0%, 22%, 45%, 73%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#453626 Complementary#263545 Analogous#452726 Analogous#454526 Triadic#264536 Triadic#362645

Tints & Shades

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

Tints

#69523A #8D6F4E #AC8B68 #C0A78C #D4C2B0 #E7DED4

Shades

#3F3122 #35291D #2E2419 #241C14 #1E1710 #140F0B

Use #453626 in Our Tools

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