#871317

#871317

Color Values

HEX

#871317

RGB

135, 19, 23

HSL

357.9, 75.3%, 30.2%

HSV

357.9, 85.9%, 52.9%

CMYK

0.0%, 85.9%, 83.0%, 47.1%

OKLCH

0.4025 0.1496 26.0

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#871317

#138783

Analogous

#871351

#874913

#871317

Triadic

#871317

#178713

#131787

Split Complementary

#871317

#138749

#135187

Tetradic

#871317

#518713

#138783

#491387

Color Blindness Simulation

Original

#871317

Protanopia

#555416

Deuteranopia

#5C6416

Tritanopia

#811515

Achromatopsia

#2C2C2C

CSS Usage

background-color: #871317;
color: #871317;
border-color: #871317;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F6C0C2
300
#F09497
400
#E85A5F
500
#E01F26
600
#B3191F
700
#8F1418
800
#701013
900
#511012
950
#330A0B

Contrast Checker

Text on white

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