#6666E4

#6666E4

Color Values

HEX

#6666E4

RGB

102, 102, 228

HSL

240.0, 70.0%, 64.7%

HSV

240.0, 55.3%, 89.4%

CMYK

55.3%, 55.3%, 0.0%, 10.6%

OKLCH

0.5779 0.1864 278.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6666E4

#E4E466

Analogous

#66A5E4

#A566E4

#6666E4

Triadic

#6666E4

#E46666

#66E466

Split Complementary

#6666E4

#E4A566

#A5E466

Tetradic

#6666E4

#E466A5

#E4E466

#66E4A5

Color Blindness Simulation

Original

#6666E4

Protanopia

#6666C6

Deuteranopia

#6666BE

Tritanopia

#66ADA8

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6666E4;
color: #6666E4;
border-color: #6666E4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C2C2F4
300
#9797ED
400
#5F5FE3
500
#2626D9
600
#1F1FAD
700
#18188B
800
#13136C
900
#12124F
950
#0B0B32

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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