#7B6E23 Color

#7B6E23 is rgb(123, 110, 35) in RGB and hsl(51, 56%, 31%) in HSL. The closest CSS named color is OliveDrab. White text is most readable on this background.

#7B6E23

HEX#7B6E23

RGBrgb(123, 110, 35)

HSLhsl(51, 56%, 31%)

HSVhsv(51, 72%, 48%)

OKLCHoklch(53.6% 0.095 99.3)

CMYKcmyk(0%, 11%, 72%, 52%)

Text Contrast & Accessibility

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

TextWhite text5.13:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.1:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#7B6E23 Complementary#23307B Analogous#7B4223 Analogous#5C7B23 Triadic#237B6E Triadic#6E237B

Tints & Shades

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

Tints

#A3922E #C7B138 #D2C160 #DCCF84 #E7DEAB #F2ECCF

Shades

#6B601E #5B521A #4C4315 #403912 #302B0D #201C09

Use #7B6E23 in Our Tools

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