#522902

#522902

Color Values

HEX

#522902

RGB

82, 41, 2

HSL

29.3, 95.2%, 16.5%

HSV

29.3, 97.6%, 32.2%

CMYK

0.0%, 50.0%, 97.6%, 67.8%

OKLCH

0.3295 0.0775 57.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522902

#022B52

Analogous

#520203

#525102

#522902

Triadic

#522902

#025229

#290252

Split Complementary

#522902

#025251

#020352

Tetradic

#522902

#035202

#022B52

#510252

Color Blindness Simulation

Original

#522902

Protanopia

#40400B

Deuteranopia

#43460E

Tritanopia

#501315

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDBB9
300
#FCC088
400
#FA9F47
500
#F97D06
600
#C76405
700
#9F5004
800
#7C3E03
900
#5A2F07
950
#391E04

Contrast Checker

Text on white

12.52:1

AA Pass AAA Pass

Text on black

1.68: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