#87014E

#87014E

Color Values

HEX

#87014E

RGB

135, 1, 78

HSL

325.5, 98.5%, 26.7%

HSV

325.5, 99.3%, 52.9%

CMYK

0.0%, 99.3%, 42.2%, 47.1%

OKLCH

0.4075 0.1666 355.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#87014E

#01873A

Analogous

#7D0187

#87010B

#87014E

Triadic

#87014E

#4E8701

#014E87

Split Complementary

#87014E

#0B8701

#01877D

Tetradic

#87014E

#877D01

#01873A

#010B87

Color Blindness Simulation

Original

#87014E

Protanopia

#4D4C3B

Deuteranopia

#555F37

Tritanopia

#802D29

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FEB8E1
300
#FE86CB
400
#FE44AF
500
#FD0292
600
#CA0275
700
#A2015E
800
#7F0149
900
#5B0537
950
#3A0323

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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