#876284

#876284

Color Values

HEX

#876284

RGB

135, 98, 132

HSL

304.9, 15.9%, 45.7%

HSV

304.9, 27.4%, 52.9%

CMYK

0.0%, 27.4%, 2.2%, 47.1%

OKLCH

0.546 0.0683 329.2

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#876284

#628765

Analogous

#786287

#876272

#876284

Triadic

#876284

#848762

#628487

Split Complementary

#876284

#728762

#628778

Tetradic

#876284

#877862

#628765

#627287

Color Blindness Simulation

Original

#876284

Protanopia

#77777C

Deuteranopia

#797C7A

Tritanopia

#857574

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CCB8CA
400
#B092AD
500
#946B90
600
#765674
700
#5F455C
800
#4A3648
900
#372A36
950
#231A22

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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