#4562FC

#4562FC

Color Values

HEX

#4562FC

RGB

69, 98, 252

HSL

230.5, 96.8%, 62.9%

HSV

230.5, 72.6%, 98.8%

CMYK

72.6%, 61.1%, 0.0%, 1.2%

OKLCH

0.5701 0.2301 269.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4562FC

#FCDF45

Analogous

#45BDFC

#8345FC

#4562FC

Triadic

#4562FC

#FC4562

#62FC45

Split Complementary

#4562FC

#FC8345

#BDFC45

Tetradic

#4562FC

#FC45BD

#FCDF45

#45FC83

Color Blindness Simulation

Original

#4562FC

Protanopia

#5252D7

Deuteranopia

#504ECE

Tritanopia

#46B9B3

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C4FE
300
#8799FD
400
#4562FC
500
#042BFB
600
#0323C9
700
#031CA1
800
#02167D
900
#06145B
950
#040C39

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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