#523623

#523623

Color Values

HEX

#523623

RGB

82, 54, 35

HSL

24.3, 40.2%, 22.9%

HSV

24.3, 57.3%, 32.2%

CMYK

0.0%, 34.1%, 57.3%, 67.8%

OKLCH

0.3609 0.0504 54.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#523623

#233F52

Analogous

#522327

#524D23

#523623

Triadic

#523623

#235236

#362352

Split Complementary

#523623

#23524D

#232752

Tetradic

#523623

#275223

#233F52

#4D2352

Color Blindness Simulation

Original

#523623

Protanopia

#464628

Deuteranopia

#484A29

Tritanopia

#512B2C

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CD
300
#DABDA9
400
#C7997B
500
#B3764C
600
#8F5E3D
700
#724B31
800
#593B26
900
#422D1F
950
#2A1C14

Contrast Checker

Text on white

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