#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026