#8C5776

#8C5776

Color Values

HEX

#8C5776

RGB

140, 87, 118

HSL

324.9, 23.3%, 44.5%

HSV

324.9, 37.9%, 54.9%

CMYK

0.0%, 37.9%, 15.7%, 45.1%

OKLCH

0.526 0.0816 344.3

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#8C5776

#578C6D

Analogous

#87578C

#8C575C

#8C5776

Triadic

#8C5776

#768C57

#57768C

Split Complementary

#8C5776

#5C8C57

#578C87

Tetradic

#8C5776

#8C8757

#578C6D

#575C8C

Color Blindness Simulation

Original

#8C5776

Protanopia

#75756F

Deuteranopia

#787C6D

Tritanopia

#896967

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DD
300
#D0B4C4
400
#B78BA4
500
#9D6285
600
#7E4E6A
700
#653F55
800
#4F3142
900
#3B2632
950
#251820

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026