#509AE2

80, 154, 226

#509AE2

Custom color #509AE2 with RGB values 80, 154, 226.

HEX#509AE2
RGB80, 154, 226
HSL210°, 72%, 60%
CMYK65%, 32%, 0%, 11%
CSS Variable--color: #509ae2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509AE2

#d3e6f8

#a8cdf1

#7cb3e9

#509ae2

#2481db

#1d67af

#164d83

#0f3357

#071a2c

Tints of #509AE2

#509ae2

#63a5e5

#76b0e8

#89bbec

#9dc6ef

#b0d1f2

#c3dcf5

#d6e7f8

#e9f2fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.97:1
AA NormalFailAAAFail

Sample Text

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