#4FD3F2

#4FD3F2

Color Values

HEX

#4FD3F2

RGB

79, 211, 242

HSL

191.4, 86.2%, 62.9%

HSV

191.4, 67.4%, 94.9%

CMYK

67.4%, 12.8%, 0.0%, 5.1%

OKLCH

0.8071 0.1207 216.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4FD3F2

#F26E4F

Analogous

#4FF2BF

#4F81F2

#4FD3F2

Triadic

#4FD3F2

#F24FD3

#D3F24F

Split Complementary

#4FD3F2

#F24F81

#F2BF4F

Tetradic

#4FD3F2

#BF4FF2

#F26E4F

#81F24F

Color Blindness Simulation

Original

#4FD3F2

Protanopia

#8889EB

Deuteranopia

#8077E9

Tritanopia

#56E5E3

Achromatopsia

#B9B9B9

CSS Usage

background-color: #4FD3F2;
color: #4FD3F2;
border-color: #4FD3F2;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEEFA
300
#8DE3F7
400
#4FD3F2
500
#12C4ED
600
#0E9DBE
700
#0B7D98
800
#096277
900
#0B4856
950
#072D36

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026