#4FCAF3

#4FCAF3

Color Values

HEX

#4FCAF3

RGB

79, 202, 243

HSL

195.0, 87.2%, 63.1%

HSV

195.0, 67.5%, 95.3%

CMYK

67.5%, 16.9%, 0.0%, 4.7%

OKLCH

0.7868 0.1218 223.8

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#4FCAF3

#F3784F

Analogous

#4FF3CA

#4F78F3

#4FCAF3

Triadic

#4FCAF3

#F34FCA

#CAF34F

Split Complementary

#4FCAF3

#F34F78

#F3CA4F

Tetradic

#4FCAF3

#CA4FF3

#F3784F

#78F34F

Color Blindness Simulation

Original

#4FCAF3

Protanopia

#8485E9

Deuteranopia

#7D74E7

Tritanopia

#55E1E0

Achromatopsia

#B3B3B3

CSS Usage

background-color: #4FCAF3;
color: #4FCAF3;
border-color: #4FCAF3;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BCEBFA
300
#8CDCF7
400
#4ECAF3
500
#10B7EF
600
#0D92BF
700
#0A7599
800
#085C77
900
#0A4356
950
#072B37

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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