#6462DF

#6462DF

Color Values

HEX

#6462DF

RGB

100, 98, 223

HSL

241.0, 66.1%, 62.9%

HSV

241.0, 56.1%, 87.5%

CMYK

55.2%, 56.1%, 0.0%, 12.5%

OKLCH

0.5658 0.1853 279.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6462DF

#DDDF62

Analogous

#629EDF

#A262DF

#6462DF

Triadic

#6462DF

#DF6462

#62DF64

Split Complementary

#6462DF

#DFA262

#9EDF62

Tetradic

#6462DF

#DF629E

#DDDF62

#62DFA2

Color Blindness Simulation

Original

#6462DF

Protanopia

#6363C1

Deuteranopia

#6363BA

Tritanopia

#64A9A4

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6462DF;
color: #6462DF;
border-color: #6462DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#9B99EA
400
#6462DF
500
#2E2BD4
600
#2523A9
700
#1D1C88
800
#17166A
900
#15144D
950
#0D0C31

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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