#666EDC

#666EDC

Color Values

HEX

#666EDC

RGB

102, 110, 220

HSL

235.9, 62.8%, 63.1%

HSV

235.9, 53.6%, 86.3%

CMYK

53.6%, 50.0%, 0.0%, 13.7%

OKLCH

0.5871 0.1652 276.9

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#666EDC

#DCD466

Analogous

#66A9DC

#9966DC

#666EDC

Triadic

#666EDC

#DC666E

#6EDC66

Split Complementary

#666EDC

#DC9966

#A9DC66

Tetradic

#666EDC

#DC66A9

#DCD466

#66DC99

Color Blindness Simulation

Original

#666EDC

Protanopia

#696AC1

Deuteranopia

#6968BB

Tritanopia

#66ACA8

Achromatopsia

#747474

CSS Usage

background-color: #666EDC;
color: #666EDC;
border-color: #666EDC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C8F2
300
#9BA1E8
400
#656DDC
500
#2F3AD0
600
#262FA6
700
#1E2585
800
#181D68
900
#15194C
950
#0D1030

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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