#87362C

#87362C

Color Values

HEX

#87362C

RGB

135, 54, 44

HSL

6.6, 50.8%, 35.1%

HSV

6.6, 67.4%, 52.9%

CMYK

0.0%, 60.0%, 67.4%, 47.1%

OKLCH

0.4434 0.1134 29.4

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#87362C

#2C7D87

Analogous

#872C50

#87642C

#87362C

Triadic

#87362C

#2C8736

#362C87

Split Complementary

#87362C

#2C8764

#2C5087

Tetradic

#87362C

#50872C

#2C7D87

#642C87

Color Blindness Simulation

Original

#87362C

Protanopia

#64632E

Deuteranopia

#696F2F

Tritanopia

#833031

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EDCDC9
300
#E1AAA3
400
#D17B71
500
#C04D3F
600
#9A3E32
700
#7B3128
800
#60261F
900
#471F1A
950
#2D1411

Contrast Checker

Text on white

8.09:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026