#56342E Color

#56342E is rgb(86, 52, 46) in RGB and hsl(9, 30%, 26%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#56342E

HEX#56342E

RGBrgb(86, 52, 46)

HSLhsl(9, 30%, 26%)

HSVhsv(9, 47%, 34%)

OKLCHoklch(36.5% 0.051 30.6)

CMYKcmyk(0%, 40%, 47%, 66%)

Text Contrast & Accessibility

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

TextWhite text10.9:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#56342E Complementary#2E5056 Analogous#562E3C Analogous#56482E Triadic#2E5634 Triadic#342E56

Tints & Shades

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

Tints

#774940 #9C5F54 #B27A70 #C49992 #D6B8B3 #EADAD7

Shades

#4C2E29 #422824 #38221E #2B1A17 #211412 #170E0C

Use #56342E in Our Tools

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