#6562DF

#6562DF

Color Values

HEX

#6562DF

RGB

101, 98, 223

HSL

241.4, 66.1%, 62.9%

HSV

241.4, 56.1%, 87.5%

CMYK

54.7%, 56.1%, 0.0%, 12.5%

OKLCH

0.5665 0.1851 279.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6562DF

#DCDF62

Analogous

#629DDF

#A362DF

#6562DF

Triadic

#6562DF

#DF6562

#62DF65

Split Complementary

#6562DF

#DFA362

#9DDF62

Tetradic

#6562DF

#DF629D

#DCDF62

#62DFA3

Color Blindness Simulation

Original

#6562DF

Protanopia

#6464C1

Deuteranopia

#6464BA

Tritanopia

#65A9A4

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F3
300
#9B99EA
400
#6562DF
500
#2F2BD4
600
#2623A9
700
#1E1C88
800
#18166A
900
#15144D
950
#0D0C31

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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