#56482E Color

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

#56482E

HEX#56482E

RGBrgb(86, 72, 46)

HSLhsl(39, 30%, 26%)

HSVhsv(39, 47%, 34%)

OKLCHoklch(40.9% 0.044 82.4)

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

Text Contrast & Accessibility

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

TextWhite text8.89:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.36:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#56482E Complementary#2E3C56 Analogous#56342E Analogous#50562E Triadic#2E5648 Triadic#482E56

Tints & Shades

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

Tints

#776440 #9C8354 #B29B70 #C4B292 #D6CAB3 #EAE3D7

Shades

#4C4029 #423824 #382F1E #2B2417 #211C12 #17130C

Use #56482E in Our Tools

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