#663D99

#663D99

Color Values

HEX

#663D99

RGB

102, 61, 153

HSL

266.7, 43.0%, 42.0%

HSV

266.7, 60.1%, 60.0%

CMYK

33.3%, 60.1%, 0.0%, 40.0%

OKLCH

0.455 0.1456 301.4

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#663D99

#70993D

Analogous

#3D4299

#943D99

#663D99

Triadic

#663D99

#99663D

#3D9966

Split Complementary

#663D99

#99943D

#42993D

Tetradic

#663D99

#993D42

#70993D

#3D9994

Color Blindness Simulation

Original

#663D99

Protanopia

#545483

Deuteranopia

#575A7D

Tritanopia

#64716D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#DACCEB
300
#BFA7DC
400
#9C78C9
500
#7949B6
600
#613A92
700
#4E2F75
800
#3D245B
900
#2E1E43
950
#1D132A

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026