#522C23

#522C23

Color Values

HEX

#522C23

RGB

82, 44, 35

HSL

11.5, 40.2%, 22.9%

HSV

11.5, 57.3%, 32.2%

CMYK

0.0%, 46.3%, 57.3%, 67.8%

OKLCH

0.3399 0.0587 34.2

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#522C23

#234952

Analogous

#522331

#524323

#522C23

Triadic

#522C23

#23522C

#2C2352

Split Complementary

#522C23

#235243

#233152

Tetradic

#522C23

#315223

#234952

#432352

Color Blindness Simulation

Original

#522C23

Protanopia

#424125

Deuteranopia

#444726

Tritanopia

#502727

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD2CD
300
#DAB3A9
400
#C7897B
500
#B3604C
600
#8F4D3D
700
#723D31
800
#593026
900
#42261F
950
#2A1814

Contrast Checker

Text on white

12.05:1

AA Pass AAA Pass

Text on black

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