#664FF3

#664FF3

Color Values

HEX

#664FF3

RGB

102, 79, 243

HSL

248.4, 87.2%, 63.1%

HSV

248.4, 67.5%, 95.3%

CMYK

58.0%, 67.5%, 0.0%, 4.7%

OKLCH

0.5527 0.233 282.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#664FF3

#DCF34F

Analogous

#4F8AF3

#B84FF3

#664FF3

Triadic

#664FF3

#F3664F

#4FF366

Split Complementary

#664FF3

#F3B84F

#8AF34F

Tetradic

#664FF3

#F34F8A

#DCF34F

#4FF3B8

Color Blindness Simulation

Original

#664FF3

Protanopia

#5C5CCB

Deuteranopia

#5D5FC2

Tritanopia

#65ACA5

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C5BCFA
300
#9B8CF7
400
#654EF3
500
#2F10EF
600
#260DBF
700
#1E0A99
800
#180877
900
#150A56
950
#0D0737

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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