#666EEC

#666EEC

Color Values

HEX

#666EEC

RGB

102, 110, 236

HSL

236.4, 77.9%, 66.3%

HSV

236.4, 56.8%, 92.5%

CMYK

56.8%, 53.4%, 0.0%, 7.5%

OKLCH

0.598 0.1868 276.4

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#666EEC

#ECE466

Analogous

#66B1EC

#A166EC

#666EEC

Triadic

#666EEC

#EC666E

#6EEC66

Split Complementary

#666EEC

#ECA166

#B1EC66

Tetradic

#666EEC

#EC66B1

#ECE466

#66ECA1

Color Blindness Simulation

Original

#666EEC

Protanopia

#696ACE

Deuteranopia

#6968C6

Tritanopia

#66B5B0

Achromatopsia

#757575

CSS Usage

background-color: #666EEC;
color: #666EEC;
border-color: #666EEC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC3F7
300
#9298F1
400
#5760EA
500
#1C28E3
600
#1720B5
700
#121A91
800
#0E1471
900
#0E1352
950
#090C34

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

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