#666DBB

#666DBB

Color Values

HEX

#666DBB

RGB

102, 109, 187

HSL

235,1, 38,5%, 56,7%

HSV

235,1, 45,5%, 73,3%

CMYK

45,5%, 41,7%, 0,0%, 26,7%

OKLCH

0,5646 0,1199 277,9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#666DBB

#BBB466

Analogous

#6698BB

#8A66BB

#666DBB

Triadic

#666DBB

#BB666D

#6DBB66

Split Complementary

#666DBB

#BB8A66

#98BB66

Tetradic

#666DBB

#BB6698

#BBB466

#66BB8A

Color Blindness Simulation

Original

#666DBB

Protanopia

#6969A8

Deuteranopia

#6968A4

Tritanopia

#669996

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAED9
400
#7C82C5
500
#4E56B1
600
#3F458D
700
#323771
800
#272B58
900
#202241
950
#141629

Contrast Checker

Text on white

4,7:1

AA Pass AAA Fail

Text on black

4,47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026