#5D322C

#5D322C

Color Values

HEX

#5D322C

RGB

93, 50, 44

HSL

7.3, 35.8%, 26.9%

HSV

7.3, 52.7%, 36.5%

CMYK

0.0%, 46.2%, 52.7%, 63.5%

OKLCH

0.3703 0.0636 28.9

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#5D322C

#2C575D

Analogous

#5D2C3F

#5D4B2C

#5D322C

Triadic

#5D322C

#2C5D32

#322C5D

Split Complementary

#5D322C

#2C5D4B

#2C3F5D

Tetradic

#5D322C

#3F5D2C

#2C575D

#4B2C5D

Color Blindness Simulation

Original

#5D322C

Protanopia

#4A4A2D

Deuteranopia

#4D502E

Tritanopia

#5B2F2F

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D2CF
300
#D8B1AC
400
#C2877F
500
#AD5D52
600
#8B4A41
700
#6F3B34
800
#572E29
900
#402521
950
#281715

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

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