#564CD0

#564CD0

Color Values

HEX

#564CD0

RGB

86, 76, 208

HSL

244.5, 58.4%, 55.7%

HSV

244.5, 63.5%, 81.6%

CMYK

58.7%, 63.5%, 0.0%, 18.4%

OKLCH

0.5064 0.1959 280.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#564CD0

#C6D04C

Analogous

#4C84D0

#984CD0

#564CD0

Triadic

#564CD0

#D0564C

#4CD056

Split Complementary

#564CD0

#D0984C

#84D04C

Tetradic

#564CD0

#D04C84

#C6D04C

#4CD098

Color Blindness Simulation

Original

#564CD0

Protanopia

#5252B0

Deuteranopia

#5253A8

Tritanopia

#569791

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC6F0
300
#A39EE6
400
#726AD8
500
#4035CA
600
#332AA2
700
#292281
800
#201B65
900
#1B174A
950
#110F2F

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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