#523622

#523622

Color Values

HEX

#523622

RGB

82, 54, 34

HSL

25.0, 41.4%, 22.7%

HSV

25.0, 58.5%, 32.2%

CMYK

0.0%, 34.1%, 58.5%, 67.8%

OKLCH

0.3607 0.0512 55.8

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#523622

#223E52

Analogous

#522226

#524E22

#523622

Triadic

#523622

#225236

#362252

Split Complementary

#523622

#22524E

#222652

Tetradic

#523622

#265222

#223E52

#4E2252

Color Blindness Simulation

Original

#523622

Protanopia

#464627

Deuteranopia

#484A28

Tritanopia

#512B2C

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CD
300
#DBBEA8
400
#C89A7A
500
#B4774B
600
#905F3C
700
#734C30
800
#5A3B25
900
#432D1E
950
#2A1D13

Contrast Checker

Text on white

11.0:1

AA Pass AAA Pass

Text on black

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