#509AF2

80, 154, 242

#509AF2

Custom color #509AF2 with RGB values 80, 154, 242.

HEX#509AF2
RGB80, 154, 242
HSL213°, 86%, 63%
CMYK67%, 36%, 0%, 5%
CSS Variable--color: #509af2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509AF2

#d0e4fb

#a0c8f8

#71adf4

#4191f1

#1276ed

#0e5ebe

#0b478e

#072f5f

#04182f

Tints of #509AF2

#509af2

#63a5f3

#76b0f5

#89bbf6

#9cc6f8

#afd1f9

#c1dbfa

#d4e6fc

#e7f1fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.90:1
AA NormalFailAAAFail

Sample Text

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