#4DBAF5

#4DBAF5

Color Values

HEX

#4DBAF5

RGB

77, 186, 245

HSL

201.1, 89.4%, 63.1%

HSV

201.1, 68.6%, 96.1%

CMYK

68.6%, 24.1%, 0.0%, 3.9%

OKLCH

0.7506 0.13 236.0

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4DBAF5

#F5884D

Analogous

#4DF5DC

#4D66F5

#4DBAF5

Triadic

#4DBAF5

#F54DBA

#BAF54D

Split Complementary

#4DBAF5

#F54D66

#F5DC4D

Tetradic

#4DBAF5

#DC4DF5

#F5884D

#66F54D

Color Blindness Simulation

Original

#4DBAF5

Protanopia

#7C7DE7

Deuteranopia

#766EE3

Tritanopia

#52DBD9

Achromatopsia

#A7A7A7

CSS Usage

background-color: #4DBAF5;
color: #4DBAF5;
border-color: #4DBAF5;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F1FB
200
#BBE5FB
300
#8BD2F9
400
#4CBAF5
500
#0EA1F1
600
#0B81C1
700
#09679B
800
#075179
900
#093C57
950
#062637

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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