#5478FF

#5478FF

Color Values

HEX

#5478FF

RGB

84, 120, 255

HSL

227.4, 100.0%, 66.5%

HSV

227.4, 67.1%, 100.0%

CMYK

67.1%, 52.9%, 0.0%, 0.0%

OKLCH

0.6197 0.2043 268.5

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#5478FF

#FFDB54

Analogous

#54CDFF

#8654FF

#5478FF

Triadic

#5478FF

#FF5478

#78FF54

Split Complementary

#5478FF

#FF8654

#CDFF54

Tetradic

#5478FF

#FF54CD

#FFDB54

#54FF86

Color Blindness Simulation

Original

#5478FF

Protanopia

#6464DE

Deuteranopia

#625FD6

Tritanopia

#56C5BF

Achromatopsia

#7A7A7A

CSS Usage

background-color: #5478FF;
color: #5478FF;
border-color: #5478FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B8C7FF
300
#859EFF
400
#426AFF
500
#0036FF
600
#002BCC
700
#0022A3
800
#001B80
900
#05175C
950
#030F3A

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026