#4FBAF2

#4FBAF2

Color Values

HEX

#4FBAF2

RGB

79, 186, 242

HSL

200,6, 86,2%, 62,9%

HSV

200,6, 67,4%, 94,9%

CMYK

67,4%, 23,1%, 0,0%, 5,1%

OKLCH

0,7499 0,1263 234,9

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4FBAF2

#F2874F

Analogous

#4FF2D8

#4F68F2

#4FBAF2

Triadic

#4FBAF2

#F24FBA

#BAF24F

Split Complementary

#4FBAF2

#F24F68

#F2D84F

Tetradic

#4FBAF2

#D84FF2

#F2874F

#68F24F

Color Blindness Simulation

Original

#4FBAF2

Protanopia

#7D7EE4

Deuteranopia

#776FE1

Tritanopia

#54DAD7

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE5FA
300
#8DD2F7
400
#4FBAF2
500
#12A2ED
600
#0E82BE
700
#0B6898
800
#095177
900
#0B3C56
950
#072636

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

9,64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026