#558DED

#558DED

Color Values

HEX

#558DED

RGB

85, 141, 237

HSL

217.9, 80.9%, 63.1%

HSV

217.9, 64.1%, 92.9%

CMYK

64.1%, 40.5%, 0.0%, 7.1%

OKLCH

0.6505 0.1557 260.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#558DED

#EDB555

Analogous

#55D9ED

#6955ED

#558DED

Triadic

#558DED

#ED558D

#8DED55

Split Complementary

#558DED

#ED6955

#D9ED55

Tetradic

#558DED

#ED55D9

#EDB555

#55ED69

Color Blindness Simulation

Original

#558DED

Protanopia

#6D6ED6

Deuteranopia

#6A66D0

Tritanopia

#58C3BF

Achromatopsia

#888888

CSS Usage

background-color: #558DED;
color: #558DED;
border-color: #558DED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BED4F8
300
#90B5F3
400
#548DED
500
#1864E7
600
#1350B9
700
#104094
800
#0C3273
900
#0D2754
950
#081935

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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