#4FCCF3

#4FCCF3

Color Values

HEX

#4FCCF3

RGB

79, 204, 243

HSL

194.3, 87.2%, 63.1%

HSV

194.3, 67.5%, 95.3%

CMYK

67.5%, 16.0%, 0.0%, 4.7%

OKLCH

0.7914 0.1215 222.3

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#4FCCF3

#F3764F

Analogous

#4FF3C8

#4F7AF3

#4FCCF3

Triadic

#4FCCF3

#F34FCC

#CCF34F

Split Complementary

#4FCCF3

#F34F7A

#F3C84F

Tetradic

#4FCCF3

#C84FF3

#F3764F

#7AF34F

Color Blindness Simulation

Original

#4FCCF3

Protanopia

#8586EA

Deuteranopia

#7E74E7

Tritanopia

#55E2E0

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BCECFA
300
#8CDEF7
400
#4ECCF3
500
#10BAEF
600
#0D95BF
700
#0A7799
800
#085D77
900
#0A4456
950
#072B37

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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