#674B46

#674B46

Color Values

HEX

#674B46

RGB

103, 75, 70

HSL

9.1, 19.1%, 33.9%

HSV

9.1, 32.0%, 40.4%

CMYK

0.0%, 27.2%, 32.0%, 59.6%

OKLCH

0.4414 0.0393 30.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#674B46

#466267

Analogous

#674651

#675B46

#674B46

Triadic

#674B46

#46674B

#4B4667

Split Complementary

#674B46

#46675B

#465167

Tetradic

#674B46

#516746

#466267

#5B4667

Color Blindness Simulation

Original

#674B46

Protanopia

#5B5B47

Deuteranopia

#5C5F48

Tritanopia

#664848

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D7D4
300
#CDBAB6
400
#B3948F
500
#986F67
600
#795853
700
#614742
800
#4C3734
900
#392B28
950
#241B19

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

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