#4DAAF4

#4DAAF4

Color Values

HEX

#4DAAF4

RGB

77, 170, 244

HSL

206.6, 88.4%, 62.9%

HSV

206.6, 68.4%, 95.7%

CMYK

68.4%, 30.3%, 0.0%, 4.3%

OKLCH

0.7142 0.1395 245.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4DAAF4

#F4974D

Analogous

#4DF4EB

#4D56F4

#4DAAF4

Triadic

#4DAAF4

#F44DAA

#AAF44D

Split Complementary

#4DAAF4

#F44D56

#F4EB4D

Tetradic

#4DAAF4

#EB4DF4

#F4974D

#56F44D

Color Blindness Simulation

Original

#4DAAF4

Protanopia

#7576E2

Deuteranopia

#7069DE

Tritanopia

#52D4D1

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BCDFFB
300
#8CC8F8
400
#4DAAF4
500
#0F8CF0
600
#0C70C0
700
#095A9A
800
#074678
900
#0A3557
950
#062137

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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