#674C46

#674C46

Color Values

HEX

#674C46

RGB

103, 76, 70

HSL

10.9, 19.1%, 33.9%

HSV

10.9, 32.0%, 40.4%

CMYK

0.0%, 26.2%, 32.0%, 59.6%

OKLCH

0.4436 0.0382 32.8

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#674C46

#466167

Analogous

#674650

#675C46

#674C46

Triadic

#674C46

#46674C

#4C4667

Split Complementary

#674C46

#46675C

#465067

Tetradic

#674C46

#506746

#466167

#5C4667

Color Blindness Simulation

Original

#674C46

Protanopia

#5B5B47

Deuteranopia

#5D5F48

Tritanopia

#664949

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D4
300
#CDBAB6
400
#B3958F
500
#987067
600
#795A53
700
#614842
800
#4C3834
900
#392B28
950
#241B19

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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