#4FBAF3

#4FBAF3

Color Values

HEX

#4FBAF3

RGB

79, 186, 243

HSL

200.9, 87.2%, 63.1%

HSV

200.9, 67.5%, 95.3%

CMYK

67.5%, 23.5%, 0.0%, 4.7%

OKLCH

0.7503 0.1272 235.4

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4FBAF3

#F3884F

Analogous

#4FF3DA

#4F68F3

#4FBAF3

Triadic

#4FBAF3

#F34FBA

#BAF34F

Split Complementary

#4FBAF3

#F34F68

#F3DA4F

Tetradic

#4FBAF3

#DA4FF3

#F3884F

#68F34F

Color Blindness Simulation

Original

#4FBAF3

Protanopia

#7D7EE5

Deuteranopia

#776FE2

Tritanopia

#54DAD8

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BCE5FA
300
#8CD2F7
400
#4EBAF3
500
#10A1EF
600
#0D81BF
700
#0A6799
800
#085177
900
#0A3C56
950
#072637

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026