#6568D4

#6568D4

Color Values

HEX

#6568D4

RGB

101, 104, 212

HSL

238.4, 56.3%, 61.4%

HSV

238.4, 52.4%, 83.1%

CMYK

52.4%, 50.9%, 0.0%, 16.9%

OKLCH

0.5698 0.1624 278.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#6568D4

#D4D165

Analogous

#65A0D4

#9A65D4

#6568D4

Triadic

#6568D4

#D46568

#68D465

Split Complementary

#6568D4

#D49A65

#A0D465

Tetradic

#6568D4

#D465A0

#D4D165

#65D49A

Color Blindness Simulation

Original

#6568D4

Protanopia

#6666BA

Deuteranopia

#6666B4

Tritanopia

#65A5A1

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6568D4;
color: #6568D4;
border-color: #6568D4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C8EF
300
#9FA1E4
400
#6C6ED6
500
#383CC7
600
#2D309F
700
#242680
800
#1C1E64
900
#181949
950
#0F102E

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026