#522C25

#522C25

Color Values

HEX

#522C25

RGB

82, 44, 37

HSL

9.3, 37.8%, 23.3%

HSV

9.3, 54.9%, 32.2%

CMYK

0.0%, 46.3%, 54.9%, 67.8%

OKLCH

0.3404 0.058 31.4

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#522C25

#254B52

Analogous

#522534

#524225

#522C25

Triadic

#522C25

#25522C

#2C2552

Split Complementary

#522C25

#255242

#253452

Tetradic

#522C25

#345225

#254B52

#422552

Color Blindness Simulation

Original

#522C25

Protanopia

#424127

Deuteranopia

#444727

Tritanopia

#502828

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D2CE
300
#D9B2AB
400
#C4887D
500
#B05E4F
600
#8D4B3F
700
#703C33
800
#582F28
900
#412520
950
#291714

Contrast Checker

Text on white

12.03:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026