#8C7586

#8C7586

Color Values

HEX

#8C7586

RGB

140, 117, 134

HSL

315.7, 9.1%, 50.4%

HSV

315.7, 16.4%, 54.9%

CMYK

0.0%, 16.4%, 4.3%, 45.1%

OKLCH

0.5896 0.0377 335.4

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#8C7586

#758C7B

Analogous

#87758C

#8C757A

#8C7586

Triadic

#8C7586

#868C75

#75868C

Split Complementary

#8C7586

#7A8C75

#758C87

Tetradic

#8C7586

#8C8775

#758C7B

#757A8C

Color Blindness Simulation

Original

#8C7586

Protanopia

#828282

Deuteranopia

#838581

Tritanopia

#8B7F7E

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DD
300
#C7BCC4
400
#A998A5
500
#8B7485
600
#6F5D6A
700
#594A55
800
#463A43
900
#342C32
950
#211C20

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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