#705F33 Color

#705F33 is rgb(112, 95, 51) in RGB and hsl(43, 37%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#705F33

HEX#705F33

RGBrgb(112, 95, 51)

HSLhsl(43, 37%, 32%)

HSVhsv(43, 54%, 44%)

OKLCHoklch(49.2% 0.066 88.8)

CMYKcmyk(0%, 15%, 54%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#705F33 Complementary#334570 Analogous#704033 Analogous#637033 Triadic#33705F Triadic#5F3370

Tints & Shades

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

Tints

#8F7942 #B09654 #BFA973 #CFBF96 #DDD2B6 #EDE7D9

Shades

#62532D #544727 #463B20 #382F1A #2A2413 #1C180D

Use #705F33 in Our Tools

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