#4EDAEF

#4EDAEF

Color Values

HEX

#4EDAEF

RGB

78, 218, 239

HSL

187.8, 83.4%, 62.2%

HSV

187.8, 67.4%, 93.7%

CMYK

67.4%, 8.8%, 0.0%, 6.3%

OKLCH

0.8219 0.121 209.3

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4EDAEF

#EF634E

Analogous

#4EEFB4

#4E8AEF

#4EDAEF

Triadic

#4EDAEF

#EF4EDA

#DAEF4E

Split Complementary

#4EDAEF

#EF4E8A

#EFB44E

Tetradic

#4EDAEF

#B44EEF

#EF634E

#8AEF4E

Color Blindness Simulation

Original

#4EDAEF

Protanopia

#8B8CEA

Deuteranopia

#8278E9

Tritanopia

#55E6E5

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BEF1F9
300
#8FE8F5
400
#52DBEF
500
#15CEEA
600
#11A5BB
700
#0E8496
800
#0B6775
900
#0C4B55
950
#083036

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026