#872217

#872217

Color Values

HEX

#872217

RGB

135, 34, 23

HSL

5.9, 70.9%, 31.0%

HSV

5.9, 83.0%, 52.9%

CMYK

0.0%, 74.8%, 83.0%, 47.1%

OKLCH

0.4152 0.1381 30.1

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#872217

#177C87

Analogous

#871744

#875A17

#872217

Triadic

#872217

#178722

#221787

Split Complementary

#872217

#17875A

#174487

Tetradic

#872217

#448717

#177C87

#5A1787

Color Blindness Simulation

Original

#872217

Protanopia

#5B5A1A

Deuteranopia

#61691A

Tritanopia

#821C1C

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C7C2
300
#ED9F96
400
#E46B5E
500
#DA3725
600
#AE2C1E
700
#8B2318
800
#6D1B13
900
#4F1812
950
#320F0B

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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