#673C55

#673C55

Color Values

HEX

#673C55

RGB

103, 60, 85

HSL

325.1, 26.4%, 32.0%

HSV

325.1, 41.7%, 40.4%

CMYK

0.0%, 41.7%, 17.5%, 59.6%

OKLCH

0.4166 0.0699 344.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#673C55

#3C674E

Analogous

#643C67

#673C40

#673C55

Triadic

#673C55

#55673C

#3C5567

Split Complementary

#673C55

#40673C

#3C6764

Tetradic

#673C55

#67643C

#3C674E

#3C4067

Color Blindness Simulation

Original

#673C55

Protanopia

#54544F

Deuteranopia

#575A4E

Tritanopia

#654A49

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DD
300
#D2B2C4
400
#BA88A5
500
#A15E85
600
#814B6A
700
#673C55
800
#512F42
900
#3C2532
950
#261720

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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