#4ADEF8

#4ADEF8

Color Values

HEX

#4ADEF8

RGB

74, 222, 248

HSL

189.0, 92.6%, 63.1%

HSV

189.0, 70.2%, 97.3%

CMYK

70.2%, 10.5%, 0.0%, 2.7%

OKLCH

0.8336 0.1267 211.8

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4ADEF8

#F8644A

Analogous

#4AF8BB

#4A87F8

#4ADEF8

Triadic

#4ADEF8

#F84ADE

#DEF84A

Split Complementary

#4ADEF8

#F84A87

#F8BB4A

Tetradic

#4ADEF8

#BB4AF8

#F8644A

#87F84A

Color Blindness Simulation

Original

#4ADEF8

Protanopia

#8A8BF2

Deuteranopia

#8276F0

Tritanopia

#51EDEC

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF2FC
300
#89E9FA
400
#49DEF8
500
#09D2F6
600
#08A8C4
700
#06869D
800
#05697B
900
#084D59
950
#053038

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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