#5F9FF6

#5F9FF6

Color Values

HEX

#5F9FF6

RGB

95, 159, 246

HSL

214.6, 89.3%, 66.9%

HSV

214.6, 61.4%, 96.5%

CMYK

61.4%, 35.4%, 0.0%, 3.5%

OKLCH

0.6983 0.1446 256.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5F9FF6

#F6B65F

Analogous

#5FEAF6

#6B5FF6

#5F9FF6

Triadic

#5F9FF6

#F65F9F

#9FF65F

Split Complementary

#5F9FF6

#F66B5F

#EAF65F

Tetradic

#5F9FF6

#F65FEA

#F6B65F

#5FF66B

Color Blindness Simulation

Original

#5F9FF6

Protanopia

#7B7BE1

Deuteranopia

#7772DC

Tritanopia

#62D0CD

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD6FB
300
#8BB9F8
400
#4C94F5
500
#0E6EF1
600
#0B58C1
700
#09469A
800
#073779
900
#0A2A57
950
#061B37

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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