#646CF0

#646CF0

Color Values

HEX

#646CF0

RGB

100, 108, 240

HSL

236.6, 82.4%, 66.7%

HSV

236.6, 58.3%, 94.1%

CMYK

58.3%, 55.0%, 0.0%, 5.9%

OKLCH

0.5959 0.1951 276.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#646CF0

#F0E864

Analogous

#64B2F0

#A264F0

#646CF0

Triadic

#646CF0

#F0646C

#6CF064

Split Complementary

#646CF0

#F0A264

#B2F064

Tetradic

#646CF0

#F064B2

#F0E864

#64F0A2

Color Blindness Simulation

Original

#646CF0

Protanopia

#6768D0

Deuteranopia

#6766C8

Tritanopia

#64B7B1

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC1F9
300
#8F95F4
400
#535CEE
500
#1622E9
600
#121BBA
700
#0E1695
800
#0B1174
900
#0D1154
950
#080A35

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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