#522D2A

#522D2A

Color Values

HEX

#522D2A

RGB

82, 45, 42

HSL

4.5, 32.3%, 24.3%

HSV

4.5, 48.8%, 32.2%

CMYK

0.0%, 45.1%, 48.8%, 67.8%

OKLCH

0.3436 0.0552 25.3

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#522D2A

#2A4F52

Analogous

#522A3B

#52412A

#522D2A

Triadic

#522D2A

#2A522D

#2D2A52

Split Complementary

#522D2A

#2A5241

#2A3B52

Tetradic

#522D2A

#3B522A

#2A4F52

#412A52

Color Blindness Simulation

Original

#522D2A

Protanopia

#42422B

Deuteranopia

#44472B

Tritanopia

#502B2B

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2E9E8
200
#E7D1D0
300
#D6B1AE
400
#BF8782
500
#A95C56
600
#874A45
700
#6C3B37
800
#542E2B
900
#3F2422
950
#271716

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026