#50CBF2

#50CBF2

Color Values

HEX

#50CBF2

RGB

80, 203, 242

HSL

194.4, 86.2%, 63.1%

HSV

194.4, 66.9%, 94.9%

CMYK

66.9%, 16.1%, 0.0%, 5.1%

OKLCH

0.789 0.1205 222.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#50CBF2

#F27750

Analogous

#50F2C8

#507AF2

#50CBF2

Triadic

#50CBF2

#F250CB

#CBF250

Split Complementary

#50CBF2

#F2507A

#F2C850

Tetradic

#50CBF2

#C850F2

#F27750

#7AF250

Color Blindness Simulation

Original

#50CBF2

Protanopia

#8586E9

Deuteranopia

#7E75E6

Tritanopia

#56E1DF

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEBFA
300
#8DDDF7
400
#4FCBF2
500
#12B9ED
600
#0E94BE
700
#0B7698
800
#095C77
900
#0B4456
950
#072B36

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026