#50A5F2

80, 165, 242

#50A5F2

Custom color #50A5F2 with RGB values 80, 165, 242.

HEX#50A5F2
RGB80, 165, 242
HSL209°, 86%, 63%
CMYK67%, 32%, 0%, 5%
CSS Variable--color: #50a5f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #50A5F2

#d0e7fb

#a0cef8

#71b6f4

#419df1

#1285ed

#0e6abe

#0b508e

#07355f

#041b2f

Tints of #50A5F2

#50a5f2

#63aff3

#76b8f5

#89c2f6

#9cccf8

#afd6f9

#c1dffa

#d4e9fc

#e7f3fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.62:1
AA NormalFailAAAFail

Sample Text

On Black8.01:1
AA NormalPassAAAPass
Full contrast analysis →