#868166

#868166

Color Values

HEX

#868166

RGB

134, 129, 102

HSL

50.6, 13.6%, 46.3%

HSV

50.6, 23.9%, 52.5%

CMYK

0.0%, 3.7%, 23.9%, 47.5%

OKLCH

0.6002 0.0396 98.7

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#868166

#666B86

Analogous

#867166

#7B8666

#868166

Triadic

#868166

#668681

#816686

Split Complementary

#868166

#667B86

#716686

Tetradic

#868166

#668671

#666B86

#86667B

Color Blindness Simulation

Original

#868166

Protanopia

#84846D

Deuteranopia

#84846E

Tritanopia

#867273

Achromatopsia

#808080

CSS Usage

background-color: #868166;
color: #868166;
border-color: #868166;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD6
300
#CAC8B9
400
#ADA994
500
#918B6E
600
#747058
700
#5D5947
800
#484637
900
#36352B
950
#22211B

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026