#522309

#522309

Color Values

HEX

#522309

RGB

82, 35, 9

HSL

21,4, 80,2%, 17,8%

HSV

21,4, 89,0%, 32,2%

CMYK

0,0%, 57,3%, 89,0%, 67,8%

OKLCH

0,3188 0,0791 46,0

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522309

#093852

Analogous

#520913

#524709

#522309

Triadic

#522309

#095223

#230952

Split Complementary

#522309

#095247

#091352

Tetradic

#522309

#135209

#093852

#470952

Color Blindness Simulation

Original

#522309

Protanopia

#3E3D0F

Deuteranopia

#404411

Tritanopia

#501415

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#F9EAE1
200
#F8D3BF
300
#F3B491
400
#EC8B55
500
#E66219
600
#B84F14
700
#933F10
800
#73310D
900
#53260D
950
#351809

Contrast Checker

Text on white

13,1:1

AA Pass AAA Pass

Text on black

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