#422504

#422504

Color Values

HEX

#422504

RGB

66, 37, 4

HSL

31.9, 88.6%, 13.7%

HSV

31.9, 93.9%, 25.9%

CMYK

0.0%, 43.9%, 93.9%, 74.1%

OKLCH

0.296 0.0625 64.1

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#422504

#042142

Analogous

#420604

#404204

#422504

Triadic

#422504

#044225

#250442

Split Complementary

#422504

#044042

#060442

Tetradic

#422504

#044206

#042142

#420440

Color Blindness Simulation

Original

#422504

Protanopia

#35350C

Deuteranopia

#37390E

Tritanopia

#411214

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDDBC
300
#F8C58C
400
#F4A64D
500
#F0870F
600
#C06C0C
700
#9A5609
800
#784307
900
#57330A
950
#372006

Contrast Checker

Text on white

14.02:1

AA Pass AAA Pass

Text on black

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