#53221C

#53221C

Color Values

HEX

#53221C

RGB

83, 34, 28

HSL

6.5, 49.5%, 21.8%

HSV

6.5, 66.3%, 32.5%

CMYK

0.0%, 59.0%, 66.3%, 67.5%

OKLCH

0.3215 0.0747 28.9

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#53221C

#1C4D53

Analogous

#531C32

#533E1C

#53221C

Triadic

#53221C

#1C5322

#221C53

Split Complementary

#53221C

#1C533E

#1C3253

Tetradic

#53221C

#32531C

#1C4D53

#3E1C53

Color Blindness Simulation

Original

#53221C

Protanopia

#3E3D1D

Deuteranopia

#41441E

Tritanopia

#511F1F

Achromatopsia

#2C2C2C

CSS Usage

background-color: #53221C;
color: #53221C;
border-color: #53221C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDCA
300
#E0AAA4
400
#CF7C72
500
#BF4E40
600
#983E34
700
#7A3229
800
#5F2720
900
#46201B
950
#2C1411

Contrast Checker

Text on white

13.02:1

AA Pass AAA Pass

Text on black

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