#837686

#837686

Color Values

HEX

#837686

RGB

131, 118, 134

HSL

288.7, 6.3%, 49.4%

HSV

288.7, 11.9%, 52.5%

CMYK

2.2%, 11.9%, 0.0%, 47.5%

OKLCH

0.583 0.0286 319.9

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#837686

#798676

Analogous

#7B7686

#867681

#837686

Triadic

#837686

#868376

#768683

Split Complementary

#837686

#818676

#76867B

Tetradic

#837686

#867B76

#798676

#768186

Color Blindness Simulation

Original

#837686

Protanopia

#7D7D82

Deuteranopia

#7E7F81

Tritanopia

#827F7E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C4BEC6
400
#A49BA7
500
#857788
600
#6A606C
700
#554C57
800
#423C44
900
#322E33
950
#201D20

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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