#871448

#871448

Color Values

HEX

#871448

RGB

135, 20, 72

HSL

332.9, 74.2%, 30.4%

HSV

332.9, 85.2%, 52.9%

CMYK

0.0%, 85.2%, 46.7%, 47.1%

OKLCH

0.4142 0.1527 0.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#871448

#148753

Analogous

#871481

#871A14

#871448

Triadic

#871448

#488714

#144887

Split Complementary

#871448

#14871A

#148187

Tetradic

#871448

#818714

#148753

#1A1487

Color Blindness Simulation

Original

#871448

Protanopia

#55543B

Deuteranopia

#5C6438

Tritanopia

#81312F

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F6C1D9
300
#EF94BD
400
#E75B9A
500
#DE2176
600
#B21A5F
700
#8E154C
800
#6F103B
900
#51102D
950
#330A1D

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

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