#673965

#673965

Color Values

HEX

#673965

RGB

103, 57, 101

HSL

302.6, 28.7%, 31.4%

HSV

302.6, 44.7%, 40.4%

CMYK

0.0%, 44.7%, 1.9%, 59.6%

OKLCH

0.4184 0.0907 328.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#673965

#39673B

Analogous

#523967

#67394E

#673965

Triadic

#673965

#656739

#396567

Split Complementary

#673965

#4E6739

#396752

Tetradic

#673965

#675239

#39673B

#394E67

Color Blindness Simulation

Original

#673965

Protanopia

#53535A

Deuteranopia

#565958

Tritanopia

#655250

Achromatopsia

#464646

CSS Usage

background-color: #673965;
color: #673965;
border-color: #673965;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E5
300
#D3B0D2
400
#BC86B9
500
#A45BA1
600
#834981
700
#693A67
800
#522D50
900
#3D243C
950
#271726

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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