#673D85

#673D85

Color Values

HEX

#673D85

RGB

103, 61, 133

HSL

275.0, 37.1%, 38.0%

HSV

275.0, 54.1%, 52.2%

CMYK

22.6%, 54.1%, 0.0%, 47.8%

OKLCH

0.443 0.1209 309.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#673D85

#5B853D

Analogous

#433D85

#853D7F

#673D85

Triadic

#673D85

#85673D

#3D8567

Split Complementary

#673D85

#7F853D

#3D8543

Tetradic

#673D85

#85433D

#5B853D

#3D7F85

Color Blindness Simulation

Original

#673D85

Protanopia

#555474

Deuteranopia

#575A6F

Tritanopia

#656663

Achromatopsia

#4B4B4B

CSS Usage

background-color: #673D85;
color: #673D85;
border-color: #673D85;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE9
300
#C6ABD9
400
#A67EC4
500
#8750AF
600
#6C408C
700
#573370
800
#442857
900
#332041
950
#201429

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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