#871C19

#871C19

Color Values

HEX

#871C19

RGB

135, 28, 25

HSL

1.6, 68.8%, 31.4%

HSV

1.6, 81.5%, 52.9%

CMYK

0.0%, 79.3%, 81.5%, 47.1%

OKLCH

0.4097 0.1429 27.4

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#871C19

#198487

Analogous

#87194D

#875319

#871C19

Triadic

#871C19

#19871C

#1C1987

Split Complementary

#871C19

#198753

#194D87

Tetradic

#871C19

#4D8719

#198487

#531987

Color Blindness Simulation

Original

#871C19

Protanopia

#59581A

Deuteranopia

#5F671A

Tritanopia

#821A1A

Achromatopsia

#333333

CSS Usage

background-color: #871C19;
color: #871C19;
border-color: #871C19;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C4C3
300
#EC9A98
400
#E26360
500
#D72C28
600
#AC2420
700
#8A1C19
800
#6C1614
900
#4E1412
950
#320D0C

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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