#876286

#876286

Color Values

HEX

#876286

RGB

135, 98, 134

HSL

301.6, 15.9%, 45.7%

HSV

301.6, 27.4%, 52.9%

CMYK

0.0%, 27.4%, 0.7%, 47.1%

OKLCH

0.5468 0.0705 327.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#876286

#628763

Analogous

#766287

#876274

#876286

Triadic

#876286

#868762

#628687

Split Complementary

#876286

#748762

#628776

Tetradic

#876286

#877662

#628763

#627487

Color Blindness Simulation

Original

#876286

Protanopia

#77777D

Deuteranopia

#797C7B

Tritanopia

#857675

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E1
300
#CCB8CB
400
#B092AF
500
#946B93
600
#765675
700
#5F455E
800
#4A3649
900
#372A37
950
#231A23

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail 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