#673597

#673597

Color Values

HEX

#673597

RGB

103, 53, 151

HSL

270.6, 48.0%, 40.0%

HSV

270.6, 64.9%, 59.2%

CMYK

31.8%, 64.9%, 0.0%, 40.8%

OKLCH

0.4428 0.1554 304.2

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#673597

#659735

Analogous

#363597

#973596

#673597

Triadic

#673597

#976735

#359767

Split Complementary

#673597

#969735

#359736

Tetradic

#673597

#973635

#659735

#359697

Color Blindness Simulation

Original

#673597

Protanopia

#51517F

Deuteranopia

#54587A

Tritanopia

#646D68

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DCCAEC
300
#C2A4DF
400
#A273CE
500
#8142BD
600
#673597
700
#522A79
800
#40215E
900
#311C45
950
#1F112C

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

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