#666ADA

#666ADA

Color Values

HEX

#666ADA

RGB

102, 106, 218

HSL

237.9, 61.1%, 62.7%

HSV

237.9, 53.2%, 85.5%

CMYK

53.2%, 51.4%, 0.0%, 14.5%

OKLCH

0.5783 0.1678 278.2

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#666ADA

#DAD666

Analogous

#66A4DA

#9C66DA

#666ADA

Triadic

#666ADA

#DA666A

#6ADA66

Split Complementary

#666ADA

#DA9C66

#A4DA66

Tetradic

#666ADA

#DA66A4

#DAD666

#66DA9C

Color Blindness Simulation

Original

#666ADA

Protanopia

#6868BF

Deuteranopia

#6867B8

Tritanopia

#66A9A5

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C7F1
300
#9C9FE7
400
#676BDA
500
#3237CD
600
#282CA4
700
#202383
800
#191C67
900
#16184B
950
#0E0F2F

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026