#875476

#875476

Color Values

HEX

#875476

RGB

135, 84, 118

HSL

320.0, 23.3%, 42.9%

HSV

320.0, 37.8%, 52.9%

CMYK

0.0%, 37.8%, 12.6%, 47.1%

OKLCH

0.5145 0.0823 340.3

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#875476

#548765

Analogous

#7E5487

#87545C

#875476

Triadic

#875476

#768754

#547687

Split Complementary

#875476

#5C8754

#54877E

Tetradic

#875476

#877E54

#548765

#545C87

Color Blindness Simulation

Original

#875476

Protanopia

#71706E

Deuteranopia

#74786C

Tritanopia

#846766

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DE
300
#D0B4C7
400
#B78BA8
500
#9D6289
600
#7E4E6E
700
#653F58
800
#4F3145
900
#3B2634
950
#251821

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026