#6464C2

#6464C2

Color Values

HEX

#6464C2

RGB

100, 100, 194

HSL

240.0, 43.5%, 57.6%

HSV

240.0, 48.5%, 76.1%

CMYK

48.5%, 48.5%, 0.0%, 23.9%

OKLCH

0.5496 0.143 280.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6464C2

#C2C264

Analogous

#6493C2

#9364C2

#6464C2

Triadic

#6464C2

#C26464

#64C264

Split Complementary

#6464C2

#C29364

#93C264

Tetradic

#6464C2

#C26493

#C2C264

#64C293

Color Blindness Simulation

Original

#6464C2

Protanopia

#6464AB

Deuteranopia

#6464A6

Tritanopia

#649995

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6464C2;
color: #6464C2;
border-color: #6464C2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCCEB
300
#A7A7DC
400
#7878CA
500
#4848B7
600
#3A3A92
700
#2E2E75
800
#24245B
900
#1D1D43
950
#13132B

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail 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