#509AF0

80, 154, 240

#509AF0

Custom color #509AF0 with RGB values 80, 154, 240.

HEX#509AF0
RGB80, 154, 240
HSL212°, 84%, 63%
CMYK67%, 36%, 0%, 6%
CSS Variable--color: #509af0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509AF0

#d0e4fb

#a1c9f7

#72aef3

#4393ef

#1477eb

#1060bc

#0c488d

#08305e

#04182f

Tints of #509AF0

#509af0

#63a5f2

#76b0f3

#89bbf5

#9cc6f6

#afd1f8

#c2dcfa

#d5e7fb

#e8f1fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.91:1
AA NormalFailAAAFail

Sample Text

On Black7.22:1
AA NormalPassAAAPass
Full contrast analysis →