#646ADE

#646ADE

Color Values

HEX

#646ADE

RGB

100, 106, 222

HSL

237.0, 64.9%, 63.1%

HSV

237.0, 55.0%, 87.1%

CMYK

55.0%, 52.3%, 0.0%, 12.9%

OKLCH

0.5796 0.1736 277.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#646ADE

#DED864

Analogous

#64A7DE

#9B64DE

#646ADE

Triadic

#646ADE

#DE646A

#6ADE64

Split Complementary

#646ADE

#DE9B64

#A7DE64

Tetradic

#646ADE

#DE64A7

#DED864

#64DE9B

Color Blindness Simulation

Original

#646ADE

Protanopia

#6767C2

Deuteranopia

#6666BB

Tritanopia

#64ACA7

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C4C6F2
300
#9A9EEA
400
#636ADE
500
#2D35D2
600
#242AA8
700
#1D2287
800
#161B69
900
#14174D
950
#0D0F30

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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