#674517

#674517

Color Values

HEX

#674517

RGB

103, 69, 23

HSL

34.5, 63.5%, 24.7%

HSV

34.5, 77.7%, 40.4%

CMYK

0.0%, 33.0%, 77.7%, 59.6%

OKLCH

0.4197 0.0763 70.7

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#674517

#173967

Analogous

#671D17

#616717

#674517

Triadic

#674517

#176745

#451767

Split Complementary

#674517

#176167

#1D1767

Tetradic

#674517

#17671D

#173967

#671761

Color Blindness Simulation

Original

#674517

Protanopia

#585822

Deuteranopia

#5A5D25

Tritanopia

#652B2D

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E9C89B
400
#DDAA65
500
#D08C2F
600
#A77025
700
#85591E
800
#684617
900
#4C3515
950
#30210D

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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