#674014

#674014

Color Values

HEX

#674014

RGB

103, 64, 20

HSL

31.8, 67.5%, 24.1%

HSV

31.8, 80.6%, 40.4%

CMYK

0.0%, 37.9%, 80.6%, 59.6%

OKLCH

0.4089 0.0789 65.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#674014

#143B67

Analogous

#671614

#646714

#674014

Triadic

#674014

#146740

#401467

Split Complementary

#674014

#146467

#161467

Tetradic

#674014

#146716

#143B67

#671464

Color Blindness Simulation

Original

#674014

Protanopia

#56561F

Deuteranopia

#585B21

Tritanopia

#652729

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DDC3
300
#EBC498
400
#E0A461
500
#D68529
600
#AB6A21
700
#89551B
800
#6B4215
900
#4E3213
950
#31200C

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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