#807C66

#807C66

Color Values

HEX

#807C66

RGB

128, 124, 102

HSL

50.8, 11.3%, 45.1%

HSV

50.8, 20.3%, 50.2%

CMYK

0.0%, 3.1%, 20.3%, 49.8%

OKLCH

0.5836 0.0327 98.8

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#807C66

#666A80

Analogous

#806F66

#778066

#807C66

Triadic

#807C66

#66807C

#7C6680

Split Complementary

#807C66

#667780

#6F6680

Tetradic

#807C66

#66806F

#666A80

#806677

Color Blindness Simulation

Original

#807C66

Protanopia

#7E7E6B

Deuteranopia

#7E7F6D

Tritanopia

#807070

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#DFDED7
300
#C9C7BB
400
#ABA896
500
#8E8971
600
#726E5A
700
#5B5848
800
#474539
900
#35342C
950
#22211B

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.99:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026