#522209

#522209

Color Values

HEX

#522209

RGB

82, 34, 9

HSL

20,5, 80,2%, 17,8%

HSV

20,5, 89,0%, 32,2%

CMYK

0,0%, 58,5%, 89,0%, 67,8%

OKLCH

0,317 0,08 44,8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522209

#093952

Analogous

#520915

#524609

#522209

Triadic

#522209

#095222

#220952

Split Complementary

#522209

#095246

#091552

Tetradic

#522209

#155209

#093952

#460952

Color Blindness Simulation

Original

#522209

Protanopia

#3D3D0F

Deuteranopia

#404410

Tritanopia

#501415

Achromatopsia

#2A2A2A

CSS Usage

background-color: #522209;
color: #522209;
border-color: #522209;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FDF6F2
100
#F9E9E1
200
#F8D2BF
300
#F3B291
400
#EC8955
500
#E65F19
600
#B84C14
700
#933D10
800
#73300D
900
#53250D
950
#351809

Contrast Checker

Text on white

13,19:1

AA Pass AAA Pass

Text on black

1,59: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