#807168

#807168

Color Values

HEX

#807168

RGB

128, 113, 104

HSL

22.5, 10.3%, 45.5%

HSV

22.5, 18.8%, 50.2%

CMYK

0.0%, 11.7%, 18.8%, 49.8%

OKLCH

0.5599 0.0233 53.0

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#807168

#687780

Analogous

#80686B

#807D68

#807168

Triadic

#807168

#688071

#716880

Split Complementary

#807168

#68807D

#686B80

Tetradic

#807168

#6B8068

#687780

#7D6880

Color Blindness Simulation

Original

#807168

Protanopia

#7A796A

Deuteranopia

#7A7C6B

Tritanopia

#7F6C6C

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDAD8
300
#C8C0BB
400
#AA9E97
500
#8D7C72
600
#71635B
700
#5A4F49
800
#463E39
900
#352F2C
950
#211E1C

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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