#4CDDF5

#4CDDF5

Color Values

HEX

#4CDDF5

RGB

76, 221, 245

HSL

188.5, 89.4%, 62.9%

HSV

188.5, 69.0%, 96.1%

CMYK

69.0%, 9.8%, 0.0%, 3.9%

OKLCH

0.8307 0.1246 210.8

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4CDDF5

#F5644C

Analogous

#4CF5B8

#4C88F5

#4CDDF5

Triadic

#4CDDF5

#F54CDD

#DDF54C

Split Complementary

#4CDDF5

#F54C88

#F5B84C

Tetradic

#4CDDF5

#B84CF5

#F5644C

#88F54C

Color Blindness Simulation

Original

#4CDDF5

Protanopia

#8B8CEF

Deuteranopia

#8278EE

Tritanopia

#53EBEA

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF2FB
300
#8BE9F9
400
#4CDDF5
500
#0ED1F1
600
#0BA7C1
700
#09869B
800
#076979
900
#094C57
950
#063037

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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