#674318

#674318

Color Values

HEX

#674318

RGB

103, 67, 24

HSL

32.7, 62.2%, 24.9%

HSV

32.7, 76.7%, 40.4%

CMYK

0.0%, 35.0%, 76.7%, 59.6%

OKLCH

0.4156 0.0759 67.4

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#674318

#183C67

Analogous

#671C18

#636718

#674318

Triadic

#674318

#186743

#431867

Split Complementary

#674318

#186367

#1C1867

Tetradic

#674318

#18671C

#183C67

#671863

Color Blindness Simulation

Original

#674318

Protanopia

#575722

Deuteranopia

#5A5C25

Tritanopia

#652B2C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E8C59C
400
#DBA666
500
#CF8730
600
#A56C27
700
#84561F
800
#674318
900
#4C3315
950
#30200D

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026