#870044

#870044

Color Values

HEX

#870044

RGB

135, 0, 68

HSL

329.8, 100.0%, 26.5%

HSV

329.8, 100.0%, 52.9%

CMYK

0.0%, 100.0%, 49.6%, 47.1%

OKLCH

0.4034 0.1633 0.6

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#870044

#008743

Analogous

#870087

#870000

#870044

Triadic

#870044

#448700

#004487

Split Complementary

#870044

#008700

#008787

Tetradic

#870044

#878700

#008743

#000087

Color Blindness Simulation

Original

#870044

Protanopia

#4D4B34

Deuteranopia

#545E30

Tritanopia

#802724

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DC
300
#FF85C2
400
#FF42A1
500
#FF0080
600
#CC0067
700
#A30052
800
#800040
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

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