#87382C

#87382C

Color Values

HEX

#87382C

RGB

135, 56, 44

HSL

7.9, 50.8%, 35.1%

HSV

7.9, 67.4%, 52.9%

CMYK

0.0%, 58.5%, 67.4%, 47.1%

OKLCH

0.4463 0.1112 30.7

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#87382C

#2C7B87

Analogous

#872C4E

#87652C

#87382C

Triadic

#87382C

#2C8738

#382C87

Split Complementary

#87382C

#2C8765

#2C4E87

Tetradic

#87382C

#4E872C

#2C7B87

#652C87

Color Blindness Simulation

Original

#87382C

Protanopia

#65642F

Deuteranopia

#696F30

Tritanopia

#833132

Achromatopsia

#484848

CSS Usage

background-color: #87382C;
color: #87382C;
border-color: #87382C;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EDCEC9
300
#E1ABA3
400
#D17D71
500
#C0503F
600
#9A4032
700
#7B3328
800
#60281F
900
#47201A
950
#2D1411

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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