#674B56

#674B56

Color Values

HEX

#674B56

RGB

103, 75, 86

HSL

336.4, 15.7%, 34.9%

HSV

336.4, 27.2%, 40.4%

CMYK

0.0%, 27.2%, 16.5%, 59.6%

OKLCH

0.4465 0.0412 353.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674B56

#4B675C

Analogous

#674B64

#674E4B

#674B56

Triadic

#674B56

#56674B

#4B5667

Split Complementary

#674B56

#4B674E

#4B6467

Tetradic

#674B56

#64674B

#4B675C

#4E4B67

Color Blindness Simulation

Original

#674B56

Protanopia

#5B5B53

Deuteranopia

#5C5F53

Tritanopia

#665151

Achromatopsia

#525252

CSS Usage

background-color: #674B56;
color: #674B56;
border-color: #674B56;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DA
300
#CBB8C0
400
#AF929D
500
#946B7B
600
#765663
700
#5E454F
800
#4A363E
900
#372A2F
950
#231A1E

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026