#674F18

#674F18

Color Values

HEX

#674F18

RGB

103, 79, 24

HSL

41.8, 62.2%, 24.9%

HSV

41.8, 76.7%, 40.4%

CMYK

0.0%, 23.3%, 76.7%, 59.6%

OKLCH

0.4418 0.0777 84.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#674F18

#183067

Analogous

#672818

#576718

#674F18

Triadic

#674F18

#18674F

#4F1867

Split Complementary

#674F18

#185767

#281867

Tetradic

#674F18

#186728

#183067

#671857

Color Blindness Simulation

Original

#674F18

Protanopia

#5D5C25

Deuteranopia

#5E6028

Tritanopia

#663032

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F1E4
200
#F2E4C5
300
#E8D19C
400
#DBB866
500
#CF9F30
600
#A57F27
700
#84661F
800
#674F18
900
#4C3B15
950
#30250D

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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