#4ABCF8

#4ABCF8

Color Values

HEX

#4ABCF8

RGB

74, 188, 248

HSL

200.7, 92.6%, 63.1%

HSV

200.7, 70.2%, 97.3%

CMYK

70.2%, 24.2%, 0.0%, 2.7%

OKLCH

0.7557 0.133 235.6

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#4ABCF8

#F8864A

Analogous

#4AF8DD

#4A65F8

#4ABCF8

Triadic

#4ABCF8

#F84ABC

#BCF84A

Split Complementary

#4ABCF8

#F84A65

#F8DD4A

Tetradic

#4ABCF8

#DD4AF8

#F8864A

#65F84A

Color Blindness Simulation

Original

#4ABCF8

Protanopia

#7B7CE9

Deuteranopia

#756CE6

Tritanopia

#50DEDC

Achromatopsia

#A8A8A8

CSS Usage

background-color: #4ABCF8;
color: #4ABCF8;
border-color: #4ABCF8;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F9FD
100
#DFF2FB
200
#BAE6FC
300
#89D3FA
400
#49BCF8
500
#09A4F6
600
#0883C4
700
#06699D
800
#05527B
900
#083D59
950
#052738

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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