#664FF2

#664FF2

Color Values

HEX

#664FF2

RGB

102, 79, 242

HSL

248.5, 86.2%, 62.9%

HSV

248.5, 67.4%, 94.9%

CMYK

57.9%, 67.4%, 0.0%, 5.1%

OKLCH

0.5518 0.2318 282.1

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#664FF2

#DBF24F

Analogous

#4F89F2

#B84FF2

#664FF2

Triadic

#664FF2

#F2664F

#4FF266

Split Complementary

#664FF2

#F2B84F

#89F24F

Tetradic

#664FF2

#F24F89

#DBF24F

#4FF2B8

Color Blindness Simulation

Original

#664FF2

Protanopia

#5C5CCB

Deuteranopia

#5D5FC1

Tritanopia

#65ABA5

Achromatopsia

#606060

CSS Usage

background-color: #664FF2;
color: #664FF2;
border-color: #664FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C5BDFA
300
#9C8DF7
400
#664FF2
500
#3112ED
600
#270EBE
700
#1F0B98
800
#180977
900
#160B56
950
#0E0736

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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