#4FA3F5

#4FA3F5

Color Values

HEX

#4FA3F5

RGB

79, 163, 245

HSL

209.6, 89.2%, 63.5%

HSV

209.6, 67.8%, 96.1%

CMYK

67.8%, 33.5%, 0.0%, 3.9%

OKLCH

0.7 0.1459 250.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4FA3F5

#F5A14F

Analogous

#4FF5F4

#4F50F5

#4FA3F5

Triadic

#4FA3F5

#F54FA3

#A3F54F

Split Complementary

#4FA3F5

#F54F50

#F5F44F

Tetradic

#4FA3F5

#F44FF5

#F5A14F

#50F54F

Color Blindness Simulation

Original

#4FA3F5

Protanopia

#7374E1

Deuteranopia

#6E68DC

Tritanopia

#53D1CE

Achromatopsia

#979797

CSS Usage

background-color: #4FA3F5;
color: #4FA3F5;
border-color: #4FA3F5;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BBDCFB
300
#8BC3F8
400
#4CA2F5
500
#0E81F1
600
#0B67C1
700
#09539A
800
#074179
900
#0A3157
950
#061F37

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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