#646ADD

#646ADD

Color Values

HEX

#646ADD

RGB

100, 106, 221

HSL

237.0, 64.0%, 62.9%

HSV

237.0, 54.8%, 86.7%

CMYK

54.8%, 52.0%, 0.0%, 13.3%

OKLCH

0.5789 0.1723 277.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#646ADD

#DDD764

Analogous

#64A6DD

#9A64DD

#646ADD

Triadic

#646ADD

#DD646A

#6ADD64

Split Complementary

#646ADD

#DD9A64

#A6DD64

Tetradic

#646ADD

#DD64A6

#DDD764

#64DD9A

Color Blindness Simulation

Original

#646ADD

Protanopia

#6767C1

Deuteranopia

#6666BA

Tritanopia

#64ABA6

Achromatopsia

#717171

CSS Usage

background-color: #646ADD;
color: #646ADD;
border-color: #646ADD;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C4C7F2
300
#9B9FE9
400
#646ADD
500
#2E36D1
600
#252BA7
700
#1D2386
800
#171B69
900
#15174C
950
#0D0F30

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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