#4AD2F7

#4AD2F7

Color Values

HEX

#4AD2F7

RGB

74, 210, 247

HSL

192.8, 91.5%, 62.9%

HSV

192.8, 70.0%, 96.9%

CMYK

70.0%, 15.0%, 0.0%, 3.1%

OKLCH

0.8055 0.1256 219.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#4AD2F7

#F76F4A

Analogous

#4AF7C5

#4A7BF7

#4AD2F7

Triadic

#4AD2F7

#F74AD2

#D2F74A

Split Complementary

#4AD2F7

#F74A7B

#F7C54A

Tetradic

#4AD2F7

#C54AF7

#F76F4A

#7BF74A

Color Blindness Simulation

Original

#4AD2F7

Protanopia

#8586EE

Deuteranopia

#7D73EC

Tritanopia

#51E7E5

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE2FA
400
#4AD2F7
500
#0BC2F4
600
#099CC3
700
#077C9C
800
#05617A
900
#094758
950
#052D38

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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