#4572FC

#4572FC

Color Values

HEX

#4572FC

RGB

69, 114, 252

HSL

225.2, 96.8%, 62.9%

HSV

225.2, 72.6%, 98.8%

CMYK

72.6%, 54.8%, 0.0%, 1.2%

OKLCH

0.5993 0.2116 266.3

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4572FC

#FCCF45

Analogous

#45CEFC

#7345FC

#4572FC

Triadic

#4572FC

#FC4572

#72FC45

Split Complementary

#4572FC

#FC7345

#CEFC45

Tetradic

#4572FC

#FC45CE

#FCCF45

#45FC73

Color Blindness Simulation

Original

#4572FC

Protanopia

#5859DB

Deuteranopia

#5652D3

Tritanopia

#47C0BA

Achromatopsia

#727272

CSS Usage

background-color: #4572FC;
color: #4572FC;
border-color: #4572FC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B9CAFE
300
#87A4FD
400
#4572FC
500
#0441FB
600
#0334C9
700
#032AA1
800
#02207D
900
#061B5B
950
#041139

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass 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