#4DDFF5

#4DDFF5

Color Values

HEX

#4DDFF5

RGB

77, 223, 245

HSL

187.9, 89.4%, 63.1%

HSV

187.9, 68.6%, 96.1%

CMYK

68.6%, 9.0%, 0.0%, 3.9%

OKLCH

0.8355 0.1246 209.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4DDFF5

#F5634D

Analogous

#4DF5B7

#4D8BF5

#4DDFF5

Triadic

#4DDFF5

#F54DDF

#DFF54D

Split Complementary

#4DDFF5

#F54D8B

#F5B74D

Tetradic

#4DDFF5

#B74DF5

#F5634D

#8BF54D

Color Blindness Simulation

Original

#4DDFF5

Protanopia

#8C8DF0

Deuteranopia

#8479EE

Tritanopia

#54EBEB

Achromatopsia

#C2C2C2

CSS Usage

background-color: #4DDFF5;
color: #4DDFF5;
border-color: #4DDFF5;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF3FB
300
#8BEAF9
400
#4CDFF5
500
#0ED3F1
600
#0BA9C1
700
#09879B
800
#076A79
900
#094D57
950
#063137

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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