#50CFF2

#50CFF2

Color Values

HEX

#50CFF2

RGB

80, 207, 242

HSL

193.0, 86.2%, 63.1%

HSV

193.0, 66.9%, 94.9%

CMYK

66.9%, 14.5%, 0.0%, 5.1%

OKLCH

0.7982 0.1202 219.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#50CFF2

#F27350

Analogous

#50F2C4

#507EF2

#50CFF2

Triadic

#50CFF2

#F250CF

#CFF250

Split Complementary

#50CFF2

#F2507E

#F2C450

Tetradic

#50CFF2

#C450F2

#F27350

#7EF250

Color Blindness Simulation

Original

#50CFF2

Protanopia

#8788EA

Deuteranopia

#8076E7

Tritanopia

#56E3E1

Achromatopsia

#B7B7B7

CSS Usage

background-color: #50CFF2;
color: #50CFF2;
border-color: #50CFF2;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEDFA
300
#8DE0F7
400
#4FCFF2
500
#12BEED
600
#0E98BE
700
#0B7998
800
#095F77
900
#0B4656
950
#072C36

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.55:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026