#86563C Color

#86563C is rgb(134, 86, 60) in RGB and hsl(21, 38%, 38%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#86563C

HEX#86563C

RGBrgb(134, 86, 60)

HSLhsl(21, 38%, 38%)

HSVhsv(21, 55%, 53%)

OKLCHoklch(50% 0.075 48.9)

CMYKcmyk(0%, 36%, 55%, 47%)

Text Contrast & Accessibility

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

TextWhite text6.16:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.41:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#86563C Complementary#3C6C86 Analogous#863C47 Analogous#867B3C Triadic#3C8656 Triadic#563C86

Tints & Shades

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

Tints

#A56A4A #B87F61 #C69980 #D3AF9C #E1C9BC #EEE0D8

Shades

#744B34 #633F2C #513424 #432B1E #312016 #20140E

Use #86563C in Our Tools

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