#857487

#857487

Color Values

HEX

#857487

RGB

133, 116, 135

HSL

293.7, 7.6%, 49.2%

HSV

293.7, 14.1%, 52.9%

CMYK

1.5%, 14.1%, 0.0%, 47.1%

OKLCH

0.5811 0.035 322.7

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#857487

#768774

Analogous

#7B7487

#87747F

#857487

Triadic

#857487

#878574

#748785

Split Complementary

#857487

#7F8774

#74877B

Tetradic

#857487

#877B74

#768774

#747F87

Color Blindness Simulation

Original

#857487

Protanopia

#7E7D82

Deuteranopia

#7F8081

Tritanopia

#847F7E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C5BDC6
400
#A699A8
500
#877689
600
#6C5E6E
700
#564B58
800
#443B45
900
#332D34
950
#201D21

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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