#4DDAF5

#4DDAF5

Color Values

HEX

#4DDAF5

RGB

77, 218, 245

HSL

189.6, 89.4%, 63.1%

HSV

189.6, 68.6%, 96.1%

CMYK

68.6%, 11.0%, 0.0%, 3.9%

OKLCH

0.824 0.1236 213.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4DDAF5

#F5684D

Analogous

#4DF5BC

#4D86F5

#4DDAF5

Triadic

#4DDAF5

#F54DDA

#DAF54D

Split Complementary

#4DDAF5

#F54D86

#F5BC4D

Tetradic

#4DDAF5

#BC4DF5

#F5684D

#86F54D

Color Blindness Simulation

Original

#4DDAF5

Protanopia

#8A8BEE

Deuteranopia

#8277ED

Tritanopia

#54E9E8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BBF1FB
300
#8BE7F9
400
#4CDAF5
500
#0ECDF1
600
#0BA4C1
700
#09839B
800
#076779
900
#094B57
950
#062F37

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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