#86916F

#86916F

Color Values

HEX

#86916F

RGB

134, 145, 111

HSL

79.4, 13.4%, 50.2%

HSV

79.4, 23.4%, 56.9%

CMYK

7.6%, 0.0%, 23.4%, 43.1%

OKLCH

0.6384 0.0505 122.4

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#86916F

#7A6F91

Analogous

#918B6F

#75916F

#86916F

Triadic

#86916F

#6F8691

#916F86

Split Complementary

#86916F

#6F7591

#8B6F91

Tetradic

#86916F

#6F918B

#7A6F91

#916F75

Color Blindness Simulation

Original

#86916F

Protanopia

#8B8B77

Deuteranopia

#8A8979

Tritanopia

#877E7F

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D7
300
#C5CABA
400
#A5AD94
500
#86916E
600
#6B7458
700
#555D47
800
#434837
900
#33362B
950
#20221B

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29: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