#4DAEF5

#4DAEF5

Color Values

HEX

#4DAEF5

RGB

77, 174, 245

HSL

205.4, 89.4%, 63.1%

HSV

205.4, 68.6%, 96.1%

CMYK

68.6%, 29.0%, 0.0%, 3.9%

OKLCH

0.7237 0.1376 243.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4DAEF5

#F5944D

Analogous

#4DF5E8

#4D5AF5

#4DAEF5

Triadic

#4DAEF5

#F54DAE

#AEF54D

Split Complementary

#4DAEF5

#F54D5A

#F5E84D

Tetradic

#4DAEF5

#E84DF5

#F5944D

#5AF54D

Color Blindness Simulation

Original

#4DAEF5

Protanopia

#7778E4

Deuteranopia

#716AE0

Tritanopia

#52D6D3

Achromatopsia

#9F9F9F

CSS Usage

background-color: #4DAEF5;
color: #4DAEF5;
border-color: #4DAEF5;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BBE0FB
300
#8BCAF9
400
#4CAEF5
500
#0E91F1
600
#0B74C1
700
#095D9B
800
#074879
900
#093657
950
#062237

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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