#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026