#4AD3F7

#4AD3F7

Color Values

HEX

#4AD3F7

RGB

74, 211, 247

HSL

192.5, 91.5%, 62.9%

HSV

192.5, 70.0%, 96.9%

CMYK

70.0%, 14.6%, 0.0%, 3.1%

OKLCH

0.8078 0.1256 219.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4AD3F7

#F76E4A

Analogous

#4AF7C4

#4A7CF7

#4AD3F7

Triadic

#4AD3F7

#F74AD3

#D3F74A

Split Complementary

#4AD3F7

#F74A7C

#F7C44A

Tetradic

#4AD3F7

#C44AF7

#F76E4A

#7CF74A

Color Blindness Simulation

Original

#4AD3F7

Protanopia

#8587EE

Deuteranopia

#7D73EC

Tritanopia

#51E7E6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE2FA
400
#4AD3F7
500
#0BC4F4
600
#099CC3
700
#077D9C
800
#05627A
900
#094858
950
#052D38

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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