#674F39

#674F39

Color Values

HEX

#674F39

RGB

103, 79, 57

HSL

28.7, 28.7%, 31.4%

HSV

28.7, 44.7%, 40.4%

CMYK

0.0%, 23.3%, 44.7%, 59.6%

OKLCH

0.4469 0.0466 63.7

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#674F39

#395167

Analogous

#67393A

#676639

#674F39

Triadic

#674F39

#39674F

#4F3967

Split Complementary

#674F39

#396766

#393A67

Tetradic

#674F39

#3A6739

#395167

#663967

Color Blindness Simulation

Original

#674F39

Protanopia

#5D5C3E

Deuteranopia

#5E6040

Tritanopia

#664343

Achromatopsia

#535353

CSS Usage

background-color: #674F39;
color: #674F39;
border-color: #674F39;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD1
300
#D3C1B0
400
#BC9F86
500
#A47E5B
600
#836549
700
#69513A
800
#523F2D
900
#3D3024
950
#271E17

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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