#4ADAF7

#4ADAF7

Color Values

HEX

#4ADAF7

RGB

74, 218, 247

HSL

190,1, 91,5%, 62,9%

HSV

190,1, 70,0%, 96,9%

CMYK

70,0%, 11,7%, 0,0%, 3,1%

OKLCH

0,824 0,1258 214,0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4ADAF7

#F7674A

Analogous

#4AF7BE

#4A83F7

#4ADAF7

Triadic

#4ADAF7

#F74ADA

#DAF74A

Split Complementary

#4ADAF7

#F74A83

#F7BE4A

Tetradic

#4ADAF7

#BE4AF7

#F7674A

#83F74A

Color Blindness Simulation

Original

#4ADAF7

Protanopia

#888AF0

Deuteranopia

#8075EE

Tritanopia

#51EAE9

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE7FA
400
#4ADAF7
500
#0BCDF4
600
#09A4C3
700
#07839C
800
#05667A
900
#094B58
950
#052F38

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,66:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026