#4DDEF5

#4DDEF5

Color Values

HEX

#4DDEF5

RGB

77, 222, 245

HSL

188.2, 89.4%, 63.1%

HSV

188.2, 68.6%, 96.1%

CMYK

68.6%, 9.4%, 0.0%, 3.9%

OKLCH

0.8332 0.1243 210.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4DDEF5

#F5644D

Analogous

#4DF5B8

#4D8AF5

#4DDEF5

Triadic

#4DDEF5

#F54DDE

#DEF54D

Split Complementary

#4DDEF5

#F54D8A

#F5B84D

Tetradic

#4DDEF5

#B84DF5

#F5644D

#8AF54D

Color Blindness Simulation

Original

#4DDEF5

Protanopia

#8C8DEF

Deuteranopia

#8378EE

Tritanopia

#54EBEA

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF2FB
300
#8BEAF9
400
#4CDEF5
500
#0ED2F1
600
#0BA8C1
700
#09879B
800
#076979
900
#094D57
950
#063037

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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