#5486EE

#5486EE

Color Values

HEX

#5486EE

RGB

84, 134, 238

HSL

220.5, 81.9%, 63.1%

HSV

220.5, 64.7%, 93.3%

CMYK

64.7%, 43.7%, 0.0%, 6.7%

OKLCH

0.6361 0.1653 263.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5486EE

#EEBC54

Analogous

#54D3EE

#6F54EE

#5486EE

Triadic

#5486EE

#EE5486

#86EE54

Split Complementary

#5486EE

#EE6F54

#D3EE54

Tetradic

#5486EE

#EE54D3

#EEBC54

#54EE6F

Color Blindness Simulation

Original

#5486EE

Protanopia

#6A6AD5

Deuteranopia

#6763CF

Tritanopia

#56C1BD

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E9FA
200
#BED1F9
300
#90B0F4
400
#5386EE
500
#175BE8
600
#1249BA
700
#0F3A94
800
#0C2D74
900
#0D2454
950
#081735

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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