#673C50

#673C50

Color Values

HEX

#673C50

RGB

103, 60, 80

HSL

332.1, 26.4%, 32.0%

HSV

332.1, 41.7%, 40.4%

CMYK

0.0%, 41.7%, 22.3%, 59.6%

OKLCH

0.4147 0.0664 351.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#673C50

#3C6753

Analogous

#673C66

#673E3C

#673C50

Triadic

#673C50

#50673C

#3C5067

Split Complementary

#673C50

#3C673E

#3C6667

Tetradic

#673C50

#66673C

#3C6753

#3E3C67

Color Blindness Simulation

Original

#673C50

Protanopia

#54544B

Deuteranopia

#575A4A

Tritanopia

#654746

Achromatopsia

#474747

CSS Usage

background-color: #673C50;
color: #673C50;
border-color: #673C50;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DB
300
#D2B2C1
400
#BA889F
500
#A15E7D
600
#814B64
700
#673C50
800
#512F3F
900
#3C2530
950
#26171E

Contrast Checker

Text on white

8.98:1

AA Pass AAA Pass

Text on black

2.34:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026