#666FDE

#666FDE

Color Values

HEX

#666FDE

RGB

102, 111, 222

HSL

235.5, 64.5%, 63.5%

HSV

235.5, 54.1%, 87.1%

CMYK

54.1%, 50.0%, 0.0%, 12.9%

OKLCH

0.5903 0.1666 276.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#666FDE

#DED566

Analogous

#66ABDE

#9966DE

#666FDE

Triadic

#666FDE

#DE666F

#6FDE66

Split Complementary

#666FDE

#DE9966

#ABDE66

Tetradic

#666FDE

#DE66AB

#DED566

#66DE99

Color Blindness Simulation

Original

#666FDE

Protanopia

#6A6AC3

Deuteranopia

#6969BD

Tritanopia

#66AEA9

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C8F2
300
#9AA0E9
400
#646DDE
500
#2D3AD2
600
#242EA8
700
#1D2586
800
#171D69
900
#14194D
950
#0D1030

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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