#624422

#624422

Color Values

HEX

#624422

RGB

98, 68, 34

HSL

31.9, 48.5%, 25.9%

HSV

31.9, 65.3%, 38.4%

CMYK

0.0%, 30.6%, 65.3%, 61.6%

OKLCH

0.4124 0.064 67.8

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#624422

#224062

Analogous

#622422

#606222

#624422

Triadic

#624422

#226244

#442262

Split Complementary

#624422

#226062

#242262

Tetradic

#624422

#226224

#224062

#622260

Color Blindness Simulation

Original

#624422

Protanopia

#55552A

Deuteranopia

#57592C

Tritanopia

#603132

Achromatopsia

#484848

CSS Usage

background-color: #624422;
color: #624422;
border-color: #624422;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDCCA
300
#DFC4A4
400
#CEA473
500
#BD8342
600
#976935
700
#79542A
800
#5F4221
900
#46321B
950
#2C1F11

Contrast Checker

Text on white

8.86:1

AA Pass AAA Pass

Text on black

2.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026