#664AF8

#664AF8

Color Values

HEX

#664AF8

RGB

102, 74, 248

HSL

249.7, 92.6%, 63.1%

HSV

249.7, 70.2%, 97.3%

CMYK

58.9%, 70.2%, 0.0%, 2.7%

OKLCH

0.5501 0.2441 282.1

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#664AF8

#DCF84A

Analogous

#4A85F8

#BD4AF8

#664AF8

Triadic

#664AF8

#F8664A

#4AF866

Split Complementary

#664AF8

#F8BD4A

#85F84A

Tetradic

#664AF8

#F84A85

#DCF84A

#4AF8BD

Color Blindness Simulation

Original

#664AF8

Protanopia

#5A5ACE

Deuteranopia

#5C5EC4

Tritanopia

#65ADA5

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E4DFFB
200
#C5BAFC
300
#9B89FA
400
#6649F8
500
#3009F6
600
#2608C4
700
#1E069D
800
#18057B
900
#150859
950
#0D0538

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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