#666FD4

#666FD4

Color Values

HEX

#666FD4

RGB

102, 111, 212

HSL

235,1, 56,1%, 61,6%

HSV

235,1, 51,9%, 83,1%

CMYK

51,9%, 47,6%, 0,0%, 16,9%

OKLCH

0,5838 0,1528 276,7

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#666FD4

#D4CB66

Analogous

#66A6D4

#9466D4

#666FD4

Triadic

#666FD4

#D4666F

#6FD466

Split Complementary

#666FD4

#D49466

#A6D466

Tetradic

#666FD4

#D466A6

#D4CB66

#66D494

Color Blindness Simulation

Original

#666FD4

Protanopia

#6A6ABC

Deuteranopia

#6969B6

Tritanopia

#66A8A4

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CBEF
300
#9FA5E4
400
#6C74D6
500
#3844C7
600
#2D369F
700
#242B7F
800
#1C2264
900
#181C49
950
#0F122E

Contrast Checker

Text on white

4,38:1

AA Fail AAA Fail

Text on black

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