#4EDCF3

#4EDCF3

Color Values

HEX

#4EDCF3

RGB

78, 220, 243

HSL

188.4, 87.3%, 62.9%

HSV

188.4, 67.9%, 95.3%

CMYK

67.9%, 9.5%, 0.0%, 4.7%

OKLCH

0.8281 0.1228 210.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4EDCF3

#F3654E

Analogous

#4EF3B8

#4E89F3

#4EDCF3

Triadic

#4EDCF3

#F34EDC

#DCF34E

Split Complementary

#4EDCF3

#F34E89

#F3B84E

Tetradic

#4EDCF3

#B84EF3

#F3654E

#89F34E

Color Blindness Simulation

Original

#4EDCF3

Protanopia

#8C8DED

Deuteranopia

#8379EC

Tritanopia

#55E9E8

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BCF2FA
300
#8CE8F7
400
#4EDCF3
500
#10D0EF
600
#0DA6BF
700
#0A8599
800
#086877
900
#0A4C57
950
#073037

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.86:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026