#5FA9EC

#5FA9EC

Color Values

HEX

#5FA9EC

RGB

95, 169, 236

HSL

208.5, 78.8%, 64.9%

HSV

208.5, 59.7%, 92.5%

CMYK

59.7%, 28.4%, 0.0%, 7.5%

OKLCH

0.7149 0.1233 247.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5FA9EC

#ECA25F

Analogous

#5FECE8

#5F62EC

#5FA9EC

Triadic

#5FA9EC

#EC5FA9

#A9EC5F

Split Complementary

#5FA9EC

#EC5F62

#ECE85F

Tetradic

#5FA9EC

#E85FEC

#ECA25F

#62EC5F

Color Blindness Simulation

Original

#5FA9EC

Protanopia

#7F80DC

Deuteranopia

#7B75D8

Tritanopia

#63CFCC

Achromatopsia

#9E9E9E

CSS Usage

background-color: #5FA9EC;
color: #5FA9EC;
border-color: #5FA9EC;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDDF7
300
#92C4F2
400
#56A4EB
500
#1B85E4
600
#166AB6
700
#115592
800
#0E4272
900
#0E3253
950
#092034

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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