#4FA8F3

#4FA8F3

Color Values

HEX

#4FA8F3

RGB

79, 168, 243

HSL

207.4, 87.2%, 63.1%

HSV

207.4, 67.5%, 95.3%

CMYK

67.5%, 30.9%, 0.0%, 4.7%

OKLCH

0.71 0.1392 246.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4FA8F3

#F39A4F

Analogous

#4FF3EC

#4F56F3

#4FA8F3

Triadic

#4FA8F3

#F34FA8

#A8F34F

Split Complementary

#4FA8F3

#F34F56

#F3EC4F

Tetradic

#4FA8F3

#EC4FF3

#F39A4F

#56F34F

Color Blindness Simulation

Original

#4FA8F3

Protanopia

#7676E1

Deuteranopia

#706ADC

Tritanopia

#53D3CF

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8CC6F7
400
#4EA8F3
500
#1089EF
600
#0D6EBF
700
#0A5899
800
#084577
900
#0A3456
950
#072137

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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