#806170

#806170

Color Values

HEX

#806170

RGB

128, 97, 112

HSL

331.0, 13.8%, 44.1%

HSV

331.0, 24.2%, 50.2%

CMYK

0.0%, 24.2%, 12.5%, 49.8%

OKLCH

0.5289 0.0455 348.1

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#806170

#618071

Analogous

#80617F

#806161

#806170

Triadic

#806170

#708061

#617080

Split Complementary

#806170

#618061

#617F80

Tetradic

#806170

#7F8061

#618071

#616180

Color Blindness Simulation

Original

#806170

Protanopia

#73726C

Deuteranopia

#74776B

Tritanopia

#7E6A69

Achromatopsia

#696969

CSS Usage

background-color: #806170;
color: #806170;
border-color: #806170;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DB
300
#CAB9C2
400
#AE94A0
500
#916E7F
600
#745866
700
#5D4651
800
#49373F
900
#362A30
950
#221B1E

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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