#594322

#594322

Color Values

HEX

#594322

RGB

89, 67, 34

HSL

36.0, 44.7%, 24.1%

HSV

36.0, 61.8%, 34.9%

CMYK

0.0%, 24.7%, 61.8%, 65.1%

OKLCH

0.3988 0.057 76.0

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#594322

#223859

Analogous

#592722

#535922

#594322

Triadic

#594322

#225943

#432259

Split Complementary

#594322

#225359

#272259

Tetradic

#594322

#225927

#223859

#592253

Color Blindness Simulation

Original

#594322

Protanopia

#4F4F2A

Deuteranopia

#51522C

Tritanopia

#583032

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBDECB
300
#DDC7A6
400
#CBA976
500
#B88B47
600
#946F38
700
#76592D
800
#5C4523
900
#44341D
950
#2B2112

Contrast Checker

Text on white

9.33:1

AA Pass AAA Pass

Text on black

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