#667FDB

#667FDB

Color Values

HEX

#667FDB

RGB

102, 127, 219

HSL

227,2, 61,9%, 62,9%

HSV

227,2, 53,4%, 85,9%

CMYK

53,4%, 42,0%, 0,0%, 14,1%

OKLCH

0,6199 0,1418 270,4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#667FDB

#DBC266

Analogous

#66B9DB

#8766DB

#667FDB

Triadic

#667FDB

#DB667F

#7FDB66

Split Complementary

#667FDB

#DB8766

#B9DB66

Tetradic

#667FDB

#DB66B9

#DBC266

#66DB87

Color Blindness Simulation

Original

#667FDB

Protanopia

#7171C5

Deuteranopia

#6F6EBF

Tritanopia

#67B3AF

Achromatopsia

#808080

CSS Usage

background-color: #667FDB;
color: #667FDB;
border-color: #667FDB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5CFF1
300
#9CACE8
400
#667FDB
500
#3152CE
600
#2742A5
700
#1F3584
800
#182967
900
#15214B
950
#0E1530

Contrast Checker

Text on white

3,73:1

AA Fail AAA Fail

Text on black

5,62:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026