#6662DF

#6662DF

Color Values

HEX

#6662DF

RGB

102, 98, 223

HSL

241.9, 66.1%, 62.9%

HSV

241.9, 56.1%, 87.5%

CMYK

54.3%, 56.1%, 0.0%, 12.5%

OKLCH

0.5673 0.185 280.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6662DF

#DBDF62

Analogous

#629CDF

#A462DF

#6662DF

Triadic

#6662DF

#DF6662

#62DF66

Split Complementary

#6662DF

#DFA462

#9CDF62

Tetradic

#6662DF

#DF629C

#DBDF62

#62DFA4

Color Blindness Simulation

Original

#6662DF

Protanopia

#6464C1

Deuteranopia

#6465BA

Tritanopia

#66A9A4

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F3
300
#9C99EA
400
#6662DF
500
#312BD4
600
#2723A9
700
#1F1C88
800
#18166A
900
#15144D
950
#0E0C31

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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