#522320

#522320

Color Values

HEX

#522320

RGB

82, 35, 32

HSL

3.6, 43.9%, 22.4%

HSV

3.6, 61.0%, 32.2%

CMYK

0.0%, 57.3%, 61.0%, 67.8%

OKLCH

0.3224 0.0711 25.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#522320

#204F52

Analogous

#522036

#523C20

#522320

Triadic

#522320

#205223

#232052

Split Complementary

#522320

#20523C

#203652

Tetradic

#522320

#365220

#204F52

#3C2052

Color Blindness Simulation

Original

#522320

Protanopia

#3E3D21

Deuteranopia

#404421

Tritanopia

#502121

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCECC
300
#DDAAA7
400
#CA7C77
500
#B74E48
600
#933F39
700
#75322E
800
#5C2724
900
#44201D
950
#2B1413

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026