#4AD0F7

#4AD0F7

Color Values

HEX

#4AD0F7

RGB

74, 208, 247

HSL

193.5, 91.5%, 62.9%

HSV

193.5, 70.0%, 96.9%

CMYK

70.0%, 15.8%, 0.0%, 3.1%

OKLCH

0.8009 0.1258 221.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#4AD0F7

#F7714A

Analogous

#4AF7C7

#4A79F7

#4AD0F7

Triadic

#4AD0F7

#F74AD0

#D0F74A

Split Complementary

#4AD0F7

#F74A79

#F7C74A

Tetradic

#4AD0F7

#C74AF7

#F7714A

#79F74A

Color Blindness Simulation

Original

#4AD0F7

Protanopia

#8485EE

Deuteranopia

#7C72EB

Tritanopia

#51E6E4

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEDFC
300
#8AE1FA
400
#4AD0F7
500
#0BC0F4
600
#0999C3
700
#077B9C
800
#05607A
900
#094658
950
#052C38

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026