#4DB3F5

#4DB3F5

Color Values

HEX

#4DB3F5

RGB

77, 179, 245

HSL

203.6, 89.4%, 63.1%

HSV

203.6, 68.6%, 96.1%

CMYK

68.6%, 26.9%, 0.0%, 3.9%

OKLCH

0.7349 0.1341 240.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4DB3F5

#F58F4D

Analogous

#4DF5E3

#4D5FF5

#4DB3F5

Triadic

#4DB3F5

#F54DB3

#B3F54D

Split Complementary

#4DB3F5

#F54D5F

#F5E34D

Tetradic

#4DB3F5

#E34DF5

#F58F4D

#5FF54D

Color Blindness Simulation

Original

#4DB3F5

Protanopia

#797AE5

Deuteranopia

#736CE1

Tritanopia

#52D8D6

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FB
200
#BBE2FB
300
#8BCDF9
400
#4CB3F5
500
#0E98F1
600
#0B79C1
700
#09619B
800
#074C79
900
#093957
950
#062437

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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