#5DA6EF

#5DA6EF

Color Values

HEX

#5DA6EF

RGB

93, 166, 239

HSL

210.0, 82.0%, 65.1%

HSV

210.0, 61.1%, 93.7%

CMYK

61.1%, 30.5%, 0.0%, 6.3%

OKLCH

0.7089 0.1302 250.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5DA6EF

#EFA65D

Analogous

#5DEFEF

#5D5DEF

#5DA6EF

Triadic

#5DA6EF

#EF5DA6

#A6EF5D

Split Complementary

#5DA6EF

#EF5D5D

#EFEF5D

Tetradic

#5DA6EF

#EF5DEF

#EFA65D

#5DEF5D

Color Blindness Simulation

Original

#5DA6EF

Protanopia

#7D7DDD

Deuteranopia

#7873D9

Tritanopia

#61CFCC

Achromatopsia

#9C9C9C

CSS Usage

background-color: #5DA6EF;
color: #5DA6EF;
border-color: #5DA6EF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#90C2F4
400
#53A1EE
500
#1780E8
600
#1266BA
700
#0F5295
800
#0B4074
900
#0D3054
950
#081F35

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.17:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026