#87331D

#87331D

Color Values

HEX

#87331D

RGB

135, 51, 29

HSL

12,5, 64,6%, 32,2%

HSV

12,5, 78,5%, 52,9%

CMYK

0,0%, 62,2%, 78,5%, 47,1%

OKLCH

0,4369 0,1205 35,6

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#87331D

#1D7187

Analogous

#871D3C

#87681D

#87331D

Triadic

#87331D

#1D8733

#331D87

Split Complementary

#87331D

#1D8768

#1D3C87

Tetradic

#87331D

#3C871D

#1D7187

#681D87

Color Blindness Simulation

Original

#87331D

Protanopia

#636222

Deuteranopia

#686E24

Tritanopia

#832727

Achromatopsia

#434343

CSS Usage

background-color: #87331D;
color: #87331D;
border-color: #87331D;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF5F3
100
#F7E7E3
200
#F2CEC4
300
#E9AB9A
400
#DE7D64
500
#D24F2D
600
#A84024
700
#86331D
800
#692817
900
#4D2014
950
#30140D

Contrast Checker

Text on white

8,33:1

AA Pass AAA Pass

Text on black

2,52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026