#666ECC

#666ECC

Color Values

HEX

#666ECC

RGB

102, 110, 204

HSL

235.3, 50.0%, 60.0%

HSV

235.3, 50.0%, 80.0%

CMYK

50.0%, 46.1%, 0.0%, 20.0%

OKLCH

0.5768 0.1429 277.3

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#666ECC

#CCC466

Analogous

#66A1CC

#9166CC

#666ECC

Triadic

#666ECC

#CC666E

#6ECC66

Split Complementary

#666ECC

#CC9166

#A1CC66

Tetradic

#666ECC

#CC66A1

#CCC466

#66CC91

Color Blindness Simulation

Original

#666ECC

Protanopia

#696AB5

Deuteranopia

#6968B0

Tritanopia

#66A39F

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#C9CCED
300
#A3A8E0
400
#7179D0
500
#404ABF
600
#333B99
700
#292F7A
800
#202560
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026