#4AD4F7

#4AD4F7

Color Values

HEX

#4AD4F7

RGB

74, 212, 247

HSL

192.1, 91.5%, 62.9%

HSV

192.1, 70.0%, 96.9%

CMYK

70.0%, 14.2%, 0.0%, 3.1%

OKLCH

0.8101 0.1255 218.3

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4AD4F7

#F76D4A

Analogous

#4AF7C3

#4A7DF7

#4AD4F7

Triadic

#4AD4F7

#F74AD4

#D4F74A

Split Complementary

#4AD4F7

#F74A7D

#F7C34A

Tetradic

#4AD4F7

#C34AF7

#F76D4A

#7DF74A

Color Blindness Simulation

Original

#4AD4F7

Protanopia

#8687EF

Deuteranopia

#7E73EC

Tritanopia

#51E8E6

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEFFC
300
#8AE3FA
400
#4AD4F7
500
#0BC5F4
600
#099EC3
700
#077E9C
800
#05637A
900
#094858
950
#052E38

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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