#870042

#870042

Color Values

HEX

#870042

RGB

135, 0, 66

HSL

330.7, 100.0%, 26.5%

HSV

330.7, 100.0%, 52.9%

CMYK

0.0%, 100.0%, 51.1%, 47.1%

OKLCH

0.4028 0.1627 1.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#870042

#008745

Analogous

#870086

#870200

#870042

Triadic

#870042

#428700

#004287

Split Complementary

#870042

#008702

#008687

Tetradic

#870042

#868700

#008745

#020087

Color Blindness Simulation

Original

#870042

Protanopia

#4D4B32

Deuteranopia

#545E2E

Tritanopia

#802523

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DA
300
#FF85C0
400
#FF429E
500
#FF007D
600
#CC0064
700
#A30050
800
#80003E
900
#5C052F
950
#3A031E

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

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