#870945

#870945

Color Values

HEX

#870945

RGB

135, 9, 69

HSL

331.4, 87.5%, 28.2%

HSV

331.4, 93.3%, 52.9%

CMYK

0.0%, 93.3%, 48.9%, 47.1%

OKLCH

0.4075 0.1589 0.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#870945

#09874B

Analogous

#870984

#870C09

#870945

Triadic

#870945

#458709

#094587

Split Complementary

#870945

#09870C

#098487

Tetradic

#870945

#848709

#09874B

#0C0987

Color Blindness Simulation

Original

#870945

Protanopia

#504F36

Deuteranopia

#586133

Tritanopia

#812B28

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FBBCDA
300
#F78CBF
400
#F34E9D
500
#EF107A
600
#BF0D62
700
#990A4E
800
#78083D
900
#570A2F
950
#37071D

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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