#673590

#673590

Color Values

HEX

#673590

RGB

103, 53, 144

HSL

273.0, 46.2%, 38.6%

HSV

273.0, 63.2%, 56.5%

CMYK

28.5%, 63.2%, 0.0%, 43.5%

OKLCH

0.4378 0.1472 306.6

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#673590

#5E9035

Analogous

#3A3590

#90358B

#673590

Triadic

#673590

#906735

#359067

Split Complementary

#673590

#8B9035

#35903A

Tetradic

#673590

#903A35

#5E9035

#358B90

Color Blindness Simulation

Original

#673590

Protanopia

#51517A

Deuteranopia

#545875

Tritanopia

#646965

Achromatopsia

#464646

CSS Usage

background-color: #673590;
color: #673590;
border-color: #673590;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A6DE
400
#A575CC
500
#8545BA
600
#6B3795
700
#552C77
800
#43225D
900
#321C45
950
#20122B

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026