#87312F

#87312F

Color Values

HEX

#87312F

RGB

135, 49, 47

HSL

1.4, 48.4%, 35.7%

HSV

1.4, 65.2%, 52.9%

CMYK

0.0%, 63.7%, 65.2%, 47.1%

OKLCH

0.4368 0.1186 24.6

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#87312F

#2F8587

Analogous

#872F59

#875D2F

#87312F

Triadic

#87312F

#2F8731

#312F87

Split Complementary

#87312F

#2F875D

#2F5987

Tetradic

#87312F

#59872F

#2F8587

#5D2F87

Color Blindness Simulation

Original

#87312F

Protanopia

#62612F

Deuteranopia

#676D30

Tritanopia

#833030

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#EDCBCA
300
#DFA6A4
400
#CE7573
500
#BD4542
600
#973735
700
#792C2A
800
#5F2221
900
#461C1B
950
#2C1211

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026