#4564FC

#4564FC

Color Values

HEX

#4564FC

RGB

69, 100, 252

HSL

229.8, 96.8%, 62.9%

HSV

229.8, 72.6%, 98.8%

CMYK

72.6%, 60.3%, 0.0%, 1.2%

OKLCH

0.5736 0.2278 269.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4564FC

#FCDD45

Analogous

#45C0FC

#8145FC

#4564FC

Triadic

#4564FC

#FC4564

#64FC45

Split Complementary

#4564FC

#FC8145

#C0FC45

Tetradic

#4564FC

#FC45C0

#FCDD45

#45FC81

Color Blindness Simulation

Original

#4564FC

Protanopia

#5253D7

Deuteranopia

#514ECE

Tritanopia

#47BAB4

Achromatopsia

#686868

CSS Usage

background-color: #4564FC;
color: #4564FC;
border-color: #4564FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C4FE
300
#879BFD
400
#4564FC
500
#042EFB
600
#0325C9
700
#031DA1
800
#02177D
900
#06155B
950
#040D39

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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