#665AD2

#665AD2

Color Values

HEX

#665AD2

RGB

102, 90, 210

HSL

246.0, 57.1%, 58.8%

HSV

246.0, 57.1%, 82.4%

CMYK

51.4%, 57.1%, 0.0%, 17.6%

OKLCH

0.5439 0.1783 283.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#665AD2

#C6D25A

Analogous

#5A8AD2

#A25AD2

#665AD2

Triadic

#665AD2

#D2665A

#5AD266

Split Complementary

#665AD2

#D2A25A

#8AD25A

Tetradic

#665AD2

#D25A8A

#C6D25A

#5AD2A2

Color Blindness Simulation

Original

#665AD2

Protanopia

#6161B5

Deuteranopia

#6262AE

Tritanopia

#659E99

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CBC7F0
300
#A69FE5
400
#766BD7
500
#4537C8
600
#372CA0
700
#2C2380
800
#231B64
900
#1D1849
950
#120F2E

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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