#674C18

#674C18

Color Values

HEX

#674C18

RGB

103, 76, 24

HSL

39.5, 62.2%, 24.9%

HSV

39.5, 76.7%, 40.4%

CMYK

0.0%, 26.2%, 76.7%, 59.6%

OKLCH

0.4351 0.0766 80.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#674C18

#183367

Analogous

#672518

#5A6718

#674C18

Triadic

#674C18

#18674C

#4C1867

Split Complementary

#674C18

#185A67

#251867

Tetradic

#674C18

#186725

#183367

#67185A

Color Blindness Simulation

Original

#674C18

Protanopia

#5B5B25

Deuteranopia

#5D5F28

Tritanopia

#662F31

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E2C5
300
#E8CE9C
400
#DBB366
500
#CF9930
600
#A57A27
700
#84621F
800
#674C18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

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