#559CEC

#559CEC

Color Values

HEX

#559CEC

RGB

85, 156, 236

HSL

211.8, 79.9%, 62.9%

HSV

211.8, 64.0%, 92.5%

CMYK

64.0%, 33.9%, 0.0%, 7.5%

OKLCH

0.6822 0.1389 252.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#559CEC

#ECA555

Analogous

#55E7EC

#5955EC

#559CEC

Triadic

#559CEC

#EC559C

#9CEC55

Split Complementary

#559CEC

#EC5955

#E7EC55

Tetradic

#559CEC

#EC55E7

#ECA555

#55EC59

Color Blindness Simulation

Original

#559CEC

Protanopia

#7474D9

Deuteranopia

#706AD4

Tritanopia

#59C9C6

Achromatopsia

#939393

CSS Usage

background-color: #559CEC;
color: #559CEC;
border-color: #559CEC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFDAF8
300
#91BFF3
400
#559CEC
500
#1A79E5
600
#1561B7
700
#104E93
800
#0D3D73
900
#0E2E53
950
#091D35

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

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