#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

Tháng 1 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Tháng 1 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Tháng 1 15, 2026