#8C7286

#8C7286

Color Values

HEX

#8C7286

RGB

140, 114, 134

HSL

313.8, 10.2%, 49.8%

HSV

313.8, 18.6%, 54.9%

CMYK

0.0%, 18.6%, 4.3%, 45.1%

OKLCH

0.5835 0.0434 334.3

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#8C7286

#728C78

Analogous

#85728C

#8C7279

#8C7286

Triadic

#8C7286

#868C72

#72868C

Split Complementary

#8C7286

#798C72

#728C85

Tetradic

#8C7286

#8C8572

#728C78

#72798C

Color Blindness Simulation

Original

#8C7286

Protanopia

#818181

Deuteranopia

#828480

Tritanopia

#8B7D7C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DD
300
#C8BCC5
400
#AA97A6
500
#8D7287
600
#705C6C
700
#5A4956
800
#463943
900
#352C33
950
#211C20

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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