#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026