#564EDC

#564EDC

Color Values

HEX

#564EDC

RGB

86, 78, 220

HSL

243.4, 67.0%, 58.4%

HSV

243.4, 64.5%, 86.3%

CMYK

60.9%, 64.5%, 0.0%, 13.7%

OKLCH

0.5197 0.2088 278.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#564EDC

#D4DC4E

Analogous

#4E8DDC

#9D4EDC

#564EDC

Triadic

#564EDC

#DC564E

#4EDC56

Split Complementary

#564EDC

#DC9D4E

#8DDC4E

Tetradic

#564EDC

#DC4E8D

#D4DC4E

#4EDC9D

Color Blindness Simulation

Original

#564EDC

Protanopia

#5352BA

Deuteranopia

#5354B1

Tritanopia

#569E99

Achromatopsia

#5A5A5A

CSS Usage

background-color: #564EDC;
color: #564EDC;
border-color: #564EDC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9D99EB
400
#6961E0
500
#342AD5
600
#2922AA
700
#211B88
800
#1A156A
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026