#5484ED

#5484ED

Color Values

HEX

#5484ED

RGB

84, 132, 237

HSL

221.2, 81.0%, 62.9%

HSV

221.2, 64.6%, 92.9%

CMYK

64.6%, 44.3%, 0.0%, 7.1%

OKLCH

0.6313 0.1663 263.8

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5484ED

#EDBD54

Analogous

#54D0ED

#7054ED

#5484ED

Triadic

#5484ED

#ED5484

#84ED54

Split Complementary

#5484ED

#ED7054

#D0ED54

Tetradic

#5484ED

#ED54D0

#EDBD54

#54ED70

Color Blindness Simulation

Original

#5484ED

Protanopia

#6969D4

Deuteranopia

#6662CD

Tritanopia

#56C0BB

Achromatopsia

#818181

CSS Usage

background-color: #5484ED;
color: #5484ED;
border-color: #5484ED;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E1E9F9
200
#BED1F8
300
#90AFF3
400
#5484ED
500
#1859E7
600
#1347B9
700
#103994
800
#0C2C73
900
#0D2354
950
#081635

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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