#6465E2

#6465E2

Color Values

HEX

#6465E2

RGB

100, 101, 226

HSL

239.5, 68.5%, 63.9%

HSV

239.5, 55.8%, 88.6%

CMYK

55.8%, 55.3%, 0.0%, 11.4%

OKLCH

0.5733 0.1855 278.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6465E2

#E2E164

Analogous

#64A4E2

#A264E2

#6465E2

Triadic

#6465E2

#E26465

#65E264

Split Complementary

#6465E2

#E2A264

#A4E264

Tetradic

#6465E2

#E264A4

#E2E164

#64E2A2

Color Blindness Simulation

Original

#6465E2

Protanopia

#6464C4

Deuteranopia

#6464BC

Tritanopia

#64ACA7

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6465E2;
color: #6465E2;
border-color: #6465E2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C3F4
300
#9899EC
400
#6061E1
500
#282AD7
600
#2021AC
700
#1A1B89
800
#14156B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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