#4DD8F5

#4DD8F5

Color Values

HEX

#4DD8F5

RGB

77, 216, 245

HSL

190.4, 89.4%, 63.1%

HSV

190.4, 68.6%, 96.1%

CMYK

68.6%, 11.8%, 0.0%, 3.9%

OKLCH

0.8193 0.1234 214.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4DD8F5

#F56A4D

Analogous

#4DF5BE

#4D84F5

#4DD8F5

Triadic

#4DD8F5

#F54DD8

#D8F54D

Split Complementary

#4DD8F5

#F54D84

#F5BE4D

Tetradic

#4DD8F5

#BE4DF5

#F56A4D

#84F54D

Color Blindness Simulation

Original

#4DD8F5

Protanopia

#898AEE

Deuteranopia

#8177EC

Tritanopia

#54E8E7

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BBF0FB
300
#8BE6F9
400
#4CD8F5
500
#0ECAF1
600
#0BA2C1
700
#09819B
800
#076579
900
#094A57
950
#062F37

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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