#5593ED

#5593ED

Color Values

HEX

#5593ED

RGB

85, 147, 237

HSL

215.5, 80.9%, 63.1%

HSV

215.5, 64.1%, 92.9%

CMYK

64.1%, 38.0%, 0.0%, 7.1%

OKLCH

0.6633 0.1492 257.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5593ED

#EDAF55

Analogous

#55DFED

#6355ED

#5593ED

Triadic

#5593ED

#ED5593

#93ED55

Split Complementary

#5593ED

#ED6355

#DFED55

Tetradic

#5593ED

#ED55DF

#EDAF55

#55ED63

Color Blindness Simulation

Original

#5593ED

Protanopia

#7070D7

Deuteranopia

#6C68D2

Tritanopia

#58C6C2

Achromatopsia

#8C8C8C

CSS Usage

background-color: #5593ED;
color: #5593ED;
border-color: #5593ED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BED6F8
300
#90B9F3
400
#5493ED
500
#186DE7
600
#1357B9
700
#104594
800
#0C3673
900
#0D2A54
950
#081B35

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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