#4561FD

#4561FD

Color Values

HEX

#4561FD

RGB

69, 97, 253

HSL

230.9, 97.9%, 63.1%

HSV

230.9, 72.7%, 99.2%

CMYK

72.7%, 61.7%, 0.0%, 0.8%

OKLCH

0.5692 0.2325 269.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4561FD

#FDE145

Analogous

#45BDFD

#8545FD

#4561FD

Triadic

#4561FD

#FD4561

#61FD45

Split Complementary

#4561FD

#FD8545

#BDFD45

Tetradic

#4561FD

#FD45BD

#FDE145

#45FD85

Color Blindness Simulation

Original

#4561FD

Protanopia

#5151D7

Deuteranopia

#504DCE

Tritanopia

#46B9B3

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C3FE
300
#8698FE
400
#4460FD
500
#0329FC
600
#0220CA
700
#021AA1
800
#01147E
900
#06135B
950
#040C3A

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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