#4561FC

#4561FC

Color Values

HEX

#4561FC

RGB

69, 97, 252

HSL

230.8, 96.8%, 62.9%

HSV

230.8, 72.6%, 98.8%

CMYK

72.6%, 61.5%, 0.0%, 1.2%

OKLCH

0.5684 0.2312 269.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4561FC

#FCE045

Analogous

#45BCFC

#8445FC

#4561FC

Triadic

#4561FC

#FC4561

#61FC45

Split Complementary

#4561FC

#FC8445

#BCFC45

Tetradic

#4561FC

#FC45BC

#FCE045

#45FC84

Color Blindness Simulation

Original

#4561FC

Protanopia

#5151D7

Deuteranopia

#504DCD

Tritanopia

#46B9B2

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C3FE
300
#8799FD
400
#4561FC
500
#042AFB
600
#0322C9
700
#031BA1
800
#02157D
900
#06135B
950
#040C39

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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