#6663DF

#6663DF

Color Values

HEX

#6663DF

RGB

102, 99, 223

HSL

241.5, 66.0%, 63.1%

HSV

241.5, 55.6%, 87.5%

CMYK

54.3%, 55.6%, 0.0%, 12.5%

OKLCH

0.569 0.1837 279.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6663DF

#DCDF63

Analogous

#639EDF

#A463DF

#6663DF

Triadic

#6663DF

#DF6663

#63DF66

Split Complementary

#6663DF

#DFA463

#9EDF63

Tetradic

#6663DF

#DF639E

#DCDF63

#63DFA4

Color Blindness Simulation

Original

#6663DF

Protanopia

#6565C1

Deuteranopia

#6565BA

Tritanopia

#66A9A4

Achromatopsia

#6D6D6D

CSS Usage

background-color: #6663DF;
color: #6663DF;
border-color: #6663DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F3
300
#9B99EA
400
#6562DF
500
#302BD4
600
#2623A9
700
#1E1C87
800
#18166A
900
#15144D
950
#0D0C31

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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