#674C58

#674C58

Color Values

HEX

#674C58

RGB

103, 76, 88

HSL

333.3, 15.1%, 35.1%

HSV

333.3, 26.2%, 40.4%

CMYK

0.0%, 26.2%, 14.6%, 59.6%

OKLCH

0.4493 0.0405 350.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674C58

#4C675B

Analogous

#674C66

#674D4C

#674C58

Triadic

#674C58

#58674C

#4C5867

Split Complementary

#674C58

#4C674D

#4C6667

Tetradic

#674C58

#66674C

#4C675B

#4D4C67

Color Blindness Simulation

Original

#674C58

Protanopia

#5B5B55

Deuteranopia

#5D5F54

Tritanopia

#665352

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DB
300
#CBB9C1
400
#AF929F
500
#936C7D
600
#755764
700
#5E4550
800
#49363F
900
#372A30
950
#231A1E

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

2.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026