#675424

#675424

Color Values

HEX

#675424

RGB

103, 84, 36

HSL

43.0, 48.2%, 27.3%

HSV

43.0, 65.0%, 40.4%

CMYK

0.0%, 18.4%, 65.0%, 59.6%

OKLCH

0.4545 0.0703 87.7

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#675424

#243767

Analogous

#673324

#596724

#675424

Triadic

#675424

#246754

#542467

Split Complementary

#675424

#245967

#332467

Tetradic

#675424

#246733

#243767

#672459

Color Blindness Simulation

Original

#675424

Protanopia

#5F5F30

Deuteranopia

#606132

Tritanopia

#66393B

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#EDE3CA
300
#DFCFA4
400
#CEB473
500
#BD9A42
600
#977B35
700
#79632A
800
#5E4D21
900
#453A1B
950
#2C2411

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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