#5D3436

#5D3436

Color Values

HEX

#5D3436

RGB

93, 52, 54

HSL

357.1, 28.3%, 28.4%

HSV

357.1, 44.1%, 36.5%

CMYK

0.0%, 44.1%, 41.9%, 63.5%

OKLCH

0.3768 0.0592 17.1

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#5D3436

#345D5B

Analogous

#5D344A

#5D4634

#5D3436

Triadic

#5D3436

#365D34

#34365D

Split Complementary

#5D3436

#345D46

#344A5D

Tetradic

#5D3436

#4A5D34

#345D5B

#46345D

Color Blindness Simulation

Original

#5D3436

Protanopia

#4B4B36

Deuteranopia

#4E5135

Tritanopia

#5B3535

Achromatopsia

#3D3D3D

CSS Usage

background-color: #5D3436;
color: #5D3436;
border-color: #5D3436;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D2
300
#D3B0B2
400
#BB8689
500
#A45B5F
600
#83494C
700
#693B3D
800
#522E2F
900
#3D2425
950
#261718

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

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