#5484EE

#5484EE

Color Values

HEX

#5484EE

RGB

84, 132, 238

HSL

221.3, 81.9%, 63.1%

HSV

221.3, 64.7%, 93.3%

CMYK

64.7%, 44.5%, 0.0%, 6.7%

OKLCH

0.632 0.1676 263.9

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5484EE

#EEBE54

Analogous

#54D1EE

#7154EE

#5484EE

Triadic

#5484EE

#EE5484

#84EE54

Split Complementary

#5484EE

#EE7154

#D1EE54

Tetradic

#5484EE

#EE54D1

#EEBE54

#54EE71

Color Blindness Simulation

Original

#5484EE

Protanopia

#6969D4

Deuteranopia

#6662CE

Tritanopia

#56C0BC

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BED0F9
300
#90AFF4
400
#5384EE
500
#1758E8
600
#1247BA
700
#0F3894
800
#0C2C74
900
#0D2354
950
#081635

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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