#673395

#673395

Color Values

HEX

#673395

RGB

103, 51, 149

HSL

271.8, 49.0%, 39.2%

HSV

271.8, 65.8%, 58.4%

CMYK

30.9%, 65.8%, 0.0%, 41.6%

OKLCH

0.4385 0.1559 305.2

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#673395

#619533

Analogous

#363395

#953392

#673395

Triadic

#673395

#956733

#339567

Split Complementary

#673395

#929533

#339536

Tetradic

#673395

#953633

#619533

#339295

Color Blindness Simulation

Original

#673395

Protanopia

#50507D

Deuteranopia

#545778

Tritanopia

#646B66

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DCCAED
300
#C4A4E0
400
#A372CF
500
#8341BE
600
#693498
700
#542A7A
800
#42215F
900
#321B46
950
#1F112C

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

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