#674F49

#674F49

Color Values

HEX

#674F49

RGB

103, 79, 73

HSL

12.0, 17.0%, 34.5%

HSV

12.0, 29.1%, 40.4%

CMYK

0.0%, 23.3%, 29.1%, 59.6%

OKLCH

0.4509 0.034 34.4

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#674F49

#496167

Analogous

#674952

#675E49

#674F49

Triadic

#674F49

#49674F

#4F4967

Split Complementary

#674F49

#49675E

#495267

Tetradic

#674F49

#526749

#496167

#5E4967

Color Blindness Simulation

Original

#674F49

Protanopia

#5D5C4A

Deuteranopia

#5E604B

Tritanopia

#664C4C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D5
300
#CCBCB7
400
#B19791
500
#95726A
600
#775C55
700
#5F4944
800
#4B3935
900
#382C29
950
#231C1A

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

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