#5FA7F3

#5FA7F3

Color Values

HEX

#5FA7F3

RGB

95, 167, 243

HSL

210.8, 86.0%, 66.3%

HSV

210.8, 60.9%, 95.3%

CMYK

60.9%, 31.3%, 0.0%, 4.7%

OKLCH

0.714 0.1333 251.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5FA7F3

#F3AB5F

Analogous

#5FF1F3

#615FF3

#5FA7F3

Triadic

#5FA7F3

#F35FA7

#A7F35F

Split Complementary

#5FA7F3

#F3615F

#F1F35F

Tetradic

#5FA7F3

#F35FF1

#F3AB5F

#5FF361

Color Blindness Simulation

Original

#5FA7F3

Protanopia

#7E7FE1

Deuteranopia

#7A75DC

Tritanopia

#63D2CF

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8DC0F6
400
#509EF2
500
#127DED
600
#0E64BE
700
#0B5098
800
#093E77
900
#0B2F56
950
#071E36

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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