#558EED

#558EED

Color Values

HEX

#558EED

RGB

85, 142, 237

HSL

217.5, 80.9%, 63.1%

HSV

217.5, 64.1%, 92.9%

CMYK

64.1%, 40.1%, 0.0%, 7.1%

OKLCH

0.6526 0.1546 260.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#558EED

#EDB455

Analogous

#55DAED

#6855ED

#558EED

Triadic

#558EED

#ED558E

#8EED55

Split Complementary

#558EED

#ED6855

#DAED55

Tetradic

#558EED

#ED55DA

#EDB455

#55ED68

Color Blindness Simulation

Original

#558EED

Protanopia

#6E6ED6

Deuteranopia

#6A66D0

Tritanopia

#58C4C0

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BED4F8
300
#90B5F3
400
#548EED
500
#1866E7
600
#1351B9
700
#104194
800
#0C3373
900
#0D2854
950
#081935

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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