#4568FC

#4568FC

Color Values

HEX

#4568FC

RGB

69, 104, 252

HSL

228,5, 96,8%, 62,9%

HSV

228,5, 72,6%, 98,8%

CMYK

72,6%, 58,7%, 0,0%, 1,2%

OKLCH

0,5808 0,2233 268,3

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4568FC

#FCD945

Analogous

#45C3FC

#7D45FC

#4568FC

Triadic

#4568FC

#FC4568

#68FC45

Split Complementary

#4568FC

#FC7D45

#C3FC45

Tetradic

#4568FC

#FC45C3

#FCD945

#45FC7D

Color Blindness Simulation

Original

#4568FC

Protanopia

#5454D8

Deuteranopia

#5250D0

Tritanopia

#47BCB6

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B9C6FE
300
#879DFD
400
#4568FC
500
#0433FB
600
#0329C9
700
#0321A1
800
#021A7D
900
#06165B
950
#040E39

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,64: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