#663AC5

#663AC5

Color Values

HEX

#663AC5

RGB

102, 58, 197

HSL

259.0, 54.5%, 50.0%

HSV

259.0, 70.6%, 77.3%

CMYK

48.2%, 70.6%, 0.0%, 22.7%

OKLCH

0.4848 0.2024 291.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#663AC5

#99C53A

Analogous

#3A53C5

#AC3AC5

#663AC5

Triadic

#663AC5

#C5663A

#3AC566

Split Complementary

#663AC5

#C5AC3A

#53C53A

Tetradic

#663AC5

#C53A53

#99C53A

#3AC5AC

Color Blindness Simulation

Original

#663AC5

Protanopia

#5353A3

Deuteranopia

#56599B

Tritanopia

#648983

Achromatopsia

#4D4D4D

CSS Usage

background-color: #663AC5;
color: #663AC5;
border-color: #663AC5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D4C8EF
300
#B6A0E3
400
#8E6DD4
500
#663AC5
600
#522E9E
700
#41257E
800
#331D62
900
#281948
950
#19102E

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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