#6562CC

#6562CC

Color Values

HEX

#6562CC

RGB

101, 98, 204

HSL

241.7, 51.0%, 59.2%

HSV

241.7, 52.0%, 80.0%

CMYK

50.5%, 52.0%, 0.0%, 20.0%

OKLCH

0.5532 0.1595 281.1

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6562CC

#C9CC62

Analogous

#6294CC

#9A62CC

#6562CC

Triadic

#6562CC

#CC6562

#62CC65

Split Complementary

#6562CC

#CC9A62

#94CC62

Tetradic

#6562CC

#CC6294

#C9CC62

#62CC9A

Color Blindness Simulation

Original

#6562CC

Protanopia

#6464B2

Deuteranopia

#6464AC

Tritanopia

#659E9A

Achromatopsia

#6A6A6A

CSS Usage

background-color: #6562CC;
color: #6562CC;
border-color: #6562CC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CAC9EE
300
#A4A3E1
400
#7371D1
500
#423EC1
600
#35329A
700
#2A287B
800
#211F60
900
#1B1A47
950
#11112D

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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