#871856

#871856

Color Values

HEX

#871856

RGB

135, 24, 86

HSL

326.5, 69.8%, 31.2%

HSV

326.5, 82.2%, 52.9%

CMYK

0.0%, 82.2%, 36.3%, 47.1%

OKLCH

0.4221 0.155 352.2

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#871856

#188749

Analogous

#811887

#87181F

#871856

Triadic

#871856

#568718

#185687

Split Complementary

#871856

#1F8718

#188781

Tetradic

#871856

#878118

#188749

#181F87

Color Blindness Simulation

Original

#871856

Protanopia

#575647

Deuteranopia

#5D6643

Tritanopia

#813B39

Achromatopsia

#343434

CSS Usage

background-color: #871856;
color: #871856;
border-color: #871856;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F8
100
#F8E3EE
200
#F4C2DE
300
#ED97C7
400
#E35FA8
500
#D8278A
600
#AD1F6E
700
#8B1958
800
#6C1345
900
#4F1234
950
#320B21

Contrast Checker

Text on white

9.15:1

AA Pass AAA Pass

Text on black

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