#523023

#523023

Color Values

HEX

#523023

RGB

82, 48, 35

HSL

16.6, 40.2%, 22.9%

HSV

16.6, 57.3%, 32.2%

CMYK

0.0%, 41.5%, 57.3%, 67.8%

OKLCH

0.3481 0.0546 41.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#523023

#234552

Analogous

#52232D

#524723

#523023

Triadic

#523023

#235230

#302352

Split Complementary

#523023

#235247

#232D52

Tetradic

#523023

#2D5223

#234552

#472352

Color Blindness Simulation

Original

#523023

Protanopia

#434326

Deuteranopia

#454827

Tritanopia

#502929

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EAE7
200
#EAD5CD
300
#DAB7A9
400
#C7907B
500
#B3694C
600
#8F543D
700
#724331
800
#593426
900
#42291F
950
#2A1A14

Contrast Checker

Text on white

11.63:1

AA Pass AAA Pass

Text on black

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