#456AFC

#456AFC

Color Values

HEX

#456AFC

RGB

69, 106, 252

HSL

227.9, 96.8%, 62.9%

HSV

227.9, 72.6%, 98.8%

CMYK

72.6%, 57.9%, 0.0%, 1.2%

OKLCH

0.5844 0.221 267.9

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#456AFC

#FCD745

Analogous

#45C5FC

#7B45FC

#456AFC

Triadic

#456AFC

#FC456A

#6AFC45

Split Complementary

#456AFC

#FC7B45

#C5FC45

Tetradic

#456AFC

#FC45C5

#FCD745

#45FC7B

Color Blindness Simulation

Original

#456AFC

Protanopia

#5555D9

Deuteranopia

#5350D0

Tritanopia

#47BDB7

Achromatopsia

#6D6D6D

CSS Usage

background-color: #456AFC;
color: #456AFC;
border-color: #456AFC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B9C7FE
300
#879EFD
400
#456AFC
500
#0436FB
600
#032BC9
700
#0322A1
800
#021B7D
900
#06175B
950
#040F39

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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