#522C11

#522C11

Color Values

HEX

#522C11

RGB

82, 44, 17

HSL

24.9, 65.7%, 19.4%

HSV

24.9, 79.3%, 32.2%

CMYK

0.0%, 46.3%, 79.3%, 67.8%

OKLCH

0.3369 0.0683 53.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522C11

#113752

Analogous

#521116

#524C11

#522C11

Triadic

#522C11

#11522C

#2C1152

Split Complementary

#522C11

#11524C

#111652

Tetradic

#522C11

#165211

#113752

#4C1152

Color Blindness Simulation

Original

#522C11

Protanopia

#424118

Deuteranopia

#444719

Tritanopia

#501D1E

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EBE3
200
#F3D7C4
300
#EABB9A
400
#DF9663
500
#D3712C
600
#A95B23
700
#87481C
800
#6A3916
900
#4D2C14
950
#311C0D

Contrast Checker

Text on white

12.16:1

AA Pass AAA Pass

Text on black

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