#666DBC

#666DBC

Color Values

HEX

#666DBC

RGB

102, 109, 188

HSL

235.1, 39.1%, 56.9%

HSV

235.1, 45.7%, 73.7%

CMYK

45.7%, 42.0%, 0.0%, 26.3%

OKLCH

0.5652 0.1214 277.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#666DBC

#BCB566

Analogous

#6698BC

#8A66BC

#666DBC

Triadic

#666DBC

#BC666D

#6DBC66

Split Complementary

#666DBC

#BC8A66

#98BC66

Tetradic

#666DBC

#BC6698

#BCB566

#66BC8A

Color Blindness Simulation

Original

#666DBC

Protanopia

#6969A9

Deuteranopia

#6968A4

Tritanopia

#669A96

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAEDA
400
#7C82C6
500
#4E56B1
600
#3E458E
700
#323772
800
#272B59
900
#1F2241
950
#141629

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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