#665AF0

#665AF0

Color Values

HEX

#665AF0

RGB

102, 90, 240

HSL

244,8, 83,3%, 64,7%

HSV

244,8, 62,5%, 94,1%

CMYK

57,5%, 62,5%, 0,0%, 5,9%

OKLCH

0,5668 0,2167 280,5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#665AF0

#E4F05A

Analogous

#5A99F0

#B15AF0

#665AF0

Triadic

#665AF0

#F0665A

#5AF066

Split Complementary

#665AF0

#F0B15A

#99F05A

Tetradic

#665AF0

#F05A99

#E4F05A

#5AF0B1

Color Blindness Simulation

Original

#665AF0

Protanopia

#6161CC

Deuteranopia

#6262C3

Tritanopia

#65AFA9

Achromatopsia

#676767

CSS Usage

background-color: #665AF0;
color: #665AF0;
border-color: #665AF0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C2BEF9
300
#978FF5
400
#5F52EF
500
#2615EA
600
#1F11BB
700
#190E96
800
#130B75
900
#120C55
950
#0B0836

Contrast Checker

Text on white

4,9:1

AA Pass AAA Fail

Text on black

4,29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026