#870845

#870845

Color Values

HEX

#870845

RGB

135, 8, 69

HSL

331.2, 88.8%, 28.0%

HSV

331.2, 94.1%, 52.9%

CMYK

0.0%, 94.1%, 48.9%, 47.1%

OKLCH

0.4071 0.1594 0.6

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#870845

#08874A

Analogous

#870884

#870B08

#870845

Triadic

#870845

#458708

#084587

Split Complementary

#870845

#08870B

#088487

Tetradic

#870845

#848708

#08874A

#0B0887

Color Blindness Simulation

Original

#870845

Protanopia

#504F36

Deuteranopia

#576133

Tritanopia

#812B28

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBCDA
300
#F88BC0
400
#F44D9D
500
#F10E7B
600
#C10B62
700
#9A094F
800
#78073D
900
#570A2F
950
#37061E

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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