#5485ED

#5485ED

Color Values

HEX

#5485ED

RGB

84, 133, 237

HSL

220.8, 81.0%, 62.9%

HSV

220.8, 64.6%, 92.9%

CMYK

64.6%, 43.9%, 0.0%, 7.1%

OKLCH

0.6334 0.1651 263.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5485ED

#EDBC54

Analogous

#54D1ED

#6F54ED

#5485ED

Triadic

#5485ED

#ED5485

#85ED54

Split Complementary

#5485ED

#ED6F54

#D1ED54

Tetradic

#5485ED

#ED54D1

#EDBC54

#54ED6F

Color Blindness Simulation

Original

#5485ED

Protanopia

#696AD4

Deuteranopia

#6663CE

Tritanopia

#56C0BC

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E9F9
200
#BED1F8
300
#90B0F3
400
#5485ED
500
#185AE7
600
#1348B9
700
#103A94
800
#0C2D73
900
#0D2454
950
#081735

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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