#624322

#624322

Color Values

HEX

#624322

RGB

98, 67, 34

HSL

30.9, 48.5%, 25.9%

HSV

30.9, 65.3%, 38.4%

CMYK

0.0%, 31.6%, 65.3%, 61.6%

OKLCH

0.4102 0.0641 66.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#624322

#224162

Analogous

#622322

#616222

#624322

Triadic

#624322

#226243

#432262

Split Complementary

#624322

#226162

#232262

Tetradic

#624322

#226223

#224162

#622261

Color Blindness Simulation

Original

#624322

Protanopia

#55542A

Deuteranopia

#56592C

Tritanopia

#603032

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDCCA
300
#DFC3A4
400
#CEA273
500
#BD8142
600
#976735
700
#79532A
800
#5F4121
900
#46311B
950
#2C1F11

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

2.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026