#524223

#524223

Color Values

HEX

#524223

RGB

82, 66, 35

HSL

39.6, 40.2%, 22.9%

HSV

39.6, 57.3%, 32.2%

CMYK

0.0%, 19.5%, 57.3%, 67.8%

OKLCH

0.3883 0.0513 82.8

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#524223

#233352

Analogous

#522A23

#4A5223

#524223

Triadic

#524223

#235242

#422352

Split Complementary

#524223

#234A52

#2A2352

Tetradic

#524223

#23522A

#233352

#52234A

Color Blindness Simulation

Original

#524223

Protanopia

#4B4B2A

Deuteranopia

#4C4D2C

Tritanopia

#513032

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EAE0CD
300
#DACAA9
400
#C7AD7B
500
#B3904C
600
#8F733D
700
#725C31
800
#594826
900
#42361F
950
#2A2214

Contrast Checker

Text on white

9.71:1

AA Pass AAA Pass

Text on black

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