#564CCF

#564CCF

Color Values

HEX

#564CCF

RGB

86, 76, 207

HSL

244.6, 57.7%, 55.5%

HSV

244.6, 63.3%, 81.2%

CMYK

58.5%, 63.3%, 0.0%, 18.8%

OKLCH

0.5056 0.1947 280.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#564CCF

#C5CF4C

Analogous

#4C83CF

#984CCF

#564CCF

Triadic

#564CCF

#CF564C

#4CCF56

Split Complementary

#564CCF

#CF984C

#83CF4C

Tetradic

#564CCF

#CF4C83

#C5CF4C

#4CCF98

Color Blindness Simulation

Original

#564CCF

Protanopia

#5252AF

Deuteranopia

#5253A8

Tritanopia

#569691

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC7F0
300
#A49EE5
400
#736AD7
500
#4136C9
600
#342BA1
700
#2A2381
800
#211B65
900
#1B174A
950
#110F2E

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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