#674549

#674549

Color Values

HEX

#674549

RGB

103, 69, 73

HSL

352.9, 19.8%, 33.7%

HSV

352.9, 33.0%, 40.4%

CMYK

0.0%, 33.0%, 29.1%, 59.6%

OKLCH

0.4298 0.0473 11.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674549

#456763

Analogous

#67455A

#675245

#674549

Triadic

#674549

#496745

#454967

Split Complementary

#674549

#456752

#455A67

Tetradic

#674549

#5A6745

#456763

#524567

Color Blindness Simulation

Original

#674549

Protanopia

#585848

Deuteranopia

#5A5D48

Tritanopia

#654747

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D4D6
300
#CEB6B9
400
#B38E92
500
#99666C
600
#7A5257
700
#624145
800
#4C3336
900
#39282A
950
#24191A

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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