#86936C Color

#86936C is rgb(134, 147, 108) in RGB and hsl(80, 15%, 50%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#86936C

HEX#86936C

RGBrgb(134, 147, 108)

HSLhsl(80, 15%, 50%)

HSVhsv(80, 27%, 58%)

OKLCHoklch(64.2% 0.058 123)

CMYKcmyk(9%, 0%, 27%, 42%)

Text Contrast & Accessibility

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

TextWhite text3.28:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.4:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#86936C Complementary#796C93 Analogous#938C6C Analogous#73936C Triadic#6C8693 Triadic#936C86

Tints & Shades

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

Tints

#97A281 #A8B195 #B9C0AA #C7CDBC #D8DCD0 #E9EBE5

Shades

#737E5D #636D50 #505841 #404634 #2E3225 #1D2018

Use #86936C in Our Tools

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