#50C5F2

#50C5F2

Color Values

HEX

#50C5F2

RGB

80, 197, 242

HSL

196.7, 86.2%, 63.1%

HSV

196.7, 66.9%, 94.9%

CMYK

66.9%, 18.6%, 0.0%, 5.1%

OKLCH

0.7752 0.1217 227.1

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#50C5F2

#F27D50

Analogous

#50F2CE

#5074F2

#50C5F2

Triadic

#50C5F2

#F250C5

#C5F250

Split Complementary

#50C5F2

#F25074

#F2CE50

Tetradic

#50C5F2

#CE50F2

#F27D50

#74F250

Color Blindness Simulation

Original

#50C5F2

Protanopia

#8384E7

Deuteranopia

#7C73E4

Tritanopia

#56DFDD

Achromatopsia

#AFAFAF

CSS Usage

background-color: #50C5F2;
color: #50C5F2;
border-color: #50C5F2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDE9FA
300
#8DD9F7
400
#4FC5F2
500
#12B0ED
600
#0E8DBE
700
#0B7198
800
#095877
900
#0B4156
950
#072936

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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