#86966F

#86966F

Color Values

HEX

#86966F

RGB

134, 150, 111

HSL

84.6, 15.7%, 51.2%

HSV

84.6, 26.0%, 58.8%

CMYK

10.7%, 0.0%, 26.0%, 41.2%

OKLCH

0.6498 0.0587 126.1

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#86966F

#7F6F96

Analogous

#96936F

#73966F

#86966F

Triadic

#86966F

#6F8696

#966F86

Split Complementary

#86966F

#6F7396

#936F96

Tetradic

#86966F

#6F9693

#7F6F96

#966F73

Color Blindness Simulation

Original

#86966F

Protanopia

#8D8D78

Deuteranopia

#8C8B7B

Tritanopia

#878082

Achromatopsia

#909090

CSS Usage

background-color: #86966F;
color: #86966F;
border-color: #86966F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DCE1D6
300
#C4CBB8
400
#A3AF92
500
#83946B
600
#697656
700
#545E45
800
#424A36
900
#32372A
950
#1F231A

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026