#522B26

#522B26

Color Values

HEX

#522B26

RGB

82, 43, 38

HSL

6.8, 36.7%, 23.5%

HSV

6.8, 53.7%, 32.2%

CMYK

0.0%, 47.6%, 53.7%, 67.8%

OKLCH

0.3387 0.0589 28.3

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#522B26

#264D52

Analogous

#522637

#524126

#522B26

Triadic

#522B26

#26522B

#2B2652

Split Complementary

#522B26

#265241

#263752

Tetradic

#522B26

#375226

#264D52

#412652

Color Blindness Simulation

Original

#522B26

Protanopia

#414127

Deuteranopia

#434628

Tritanopia

#502828

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D1CE
300
#D8B0AB
400
#C3867E
500
#AE5B51
600
#8B4941
700
#703A34
800
#572E28
900
#402420
950
#291714

Contrast Checker

Text on white

12.12:1

AA Pass AAA Pass

Text on black

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