#523F20

#523F20

Color Values

HEX

#523F20

RGB

82, 63, 32

HSL

37.2, 43.9%, 22.4%

HSV

37.2, 61.0%, 32.2%

CMYK

0.0%, 23.2%, 61.0%, 67.8%

OKLCH

0.3807 0.0531 78.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#523F20

#203352

Analogous

#522620

#4C5220

#523F20

Triadic

#523F20

#20523F

#3F2052

Split Complementary

#523F20

#204C52

#262052

Tetradic

#523F20

#205226

#203352

#52204C

Color Blindness Simulation

Original

#523F20

Protanopia

#4A4A27

Deuteranopia

#4B4C29

Tritanopia

#512D2F

Achromatopsia

#414141

CSS Usage

background-color: #523F20;
color: #523F20;
border-color: #523F20;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBDFCC
300
#DDC8A7
400
#CAAB77
500
#B78D48
600
#937139
700
#755A2E
800
#5C4624
900
#44351D
950
#2B2213

Contrast Checker

Text on white

10.04:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026