#674F24

#674F24

Color Values

HEX

#674F24

RGB

103, 79, 36

HSL

38.5, 48.2%, 27.3%

HSV

38.5, 65.0%, 40.4%

CMYK

0.0%, 23.3%, 65.0%, 59.6%

OKLCH

0.4432 0.0677 80.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#674F24

#243C67

Analogous

#672E24

#5E6724

#674F24

Triadic

#674F24

#24674F

#4F2467

Split Complementary

#674F24

#245E67

#2E2467

Tetradic

#674F24

#24672E

#243C67

#67245E

Color Blindness Simulation

Original

#674F24

Protanopia

#5D5C2E

Deuteranopia

#5E6031

Tritanopia

#663738

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EDE0CA
300
#DFCAA4
400
#CEAE73
500
#BD9142
600
#977435
700
#795D2A
800
#5E4821
900
#45361B
950
#2C2211

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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