#4FA0F3

#4FA0F3

Color Values

HEX

#4FA0F3

RGB

79, 160, 243

HSL

210.4, 87.2%, 63.1%

HSV

210.4, 67.5%, 95.3%

CMYK

67.5%, 34.2%, 0.0%, 4.7%

OKLCH

0.6923 0.1462 251.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4FA0F3

#F3A24F

Analogous

#4FF2F3

#504FF3

#4FA0F3

Triadic

#4FA0F3

#F34FA0

#A0F34F

Split Complementary

#4FA0F3

#F3504F

#F2F34F

Tetradic

#4FA0F3

#F34FF2

#F3A24F

#4FF350

Color Blindness Simulation

Original

#4FA0F3

Protanopia

#7273DF

Deuteranopia

#6D67DA

Tritanopia

#53CFCC

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDBFA
300
#8CC1F7
400
#4EA0F3
500
#107EEF
600
#0D65BF
700
#0A5199
800
#083F77
900
#0A3056
950
#071E37

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026