#4563FC

#4563FC

Color Values

HEX

#4563FC

RGB

69, 99, 252

HSL

230.2, 96.8%, 62.9%

HSV

230.2, 72.6%, 98.8%

CMYK

72.6%, 60.7%, 0.0%, 1.2%

OKLCH

0.5719 0.229 269.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4563FC

#FCDE45

Analogous

#45BEFC

#8245FC

#4563FC

Triadic

#4563FC

#FC4563

#63FC45

Split Complementary

#4563FC

#FC8245

#BEFC45

Tetradic

#4563FC

#FC45BE

#FCDE45

#45FC82

Color Blindness Simulation

Original

#4563FC

Protanopia

#5252D7

Deuteranopia

#504ECE

Tritanopia

#46BAB3

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C4FE
300
#879AFD
400
#4563FC
500
#042CFB
600
#0324C9
700
#031CA1
800
#02167D
900
#06145B
950
#040D39

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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