#665FE2

#665FE2

Color Values

HEX

#665FE2

RGB

102, 95, 226

HSL

243,2, 69,3%, 62,9%

HSV

243,2, 58,0%, 88,6%

CMYK

54,9%, 58,0%, 0,0%, 11,4%

OKLCH

0,5643 0,1928 280,6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#665FE2

#DBE25F

Analogous

#5F99E2

#A75FE2

#665FE2

Triadic

#665FE2

#E2665F

#5FE266

Split Complementary

#665FE2

#E2A75F

#99E25F

Tetradic

#665FE2

#E25F99

#DBE25F

#5FE2A7

Color Blindness Simulation

Original

#665FE2

Protanopia

#6363C2

Deuteranopia

#6364BB

Tritanopia

#66A9A4

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C5C3F4
300
#9C97EC
400
#665FE2
500
#3127D8
600
#271FAD
700
#1F198A
800
#18146C
900
#15124F
950
#0E0C32

Contrast Checker

Text on white

4,88:1

AA Pass AAA Fail

Text on black

4,3: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