#522E17

#522E17

Color Values

HEX

#522E17

RGB

82, 46, 23

HSL

23.4, 56.2%, 20.6%

HSV

23.4, 72.0%, 32.2%

CMYK

0.0%, 43.9%, 72.0%, 67.8%

OKLCH

0.3417 0.0635 51.7

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522E17

#173B52

Analogous

#52171E

#524C17

#522E17

Triadic

#522E17

#17522E

#2E1752

Split Complementary

#522E17

#17524C

#171E52

Tetradic

#522E17

#1E5217

#173B52

#4C1752

Color Blindness Simulation

Original

#522E17

Protanopia

#42421D

Deuteranopia

#44471E

Tritanopia

#502122

Achromatopsia

#343434

CSS Usage

background-color: #522E17;
color: #522E17;
border-color: #522E17;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF7F4
100
#F6EBE5
200
#EFD7C7
300
#E4BA9F
400
#D6956C
500
#C77038
600
#9F592D
700
#7F4824
800
#64381C
900
#492B18
950
#2E1B0F

Contrast Checker

Text on white

11.92:1

AA Pass AAA Pass

Text on black

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