#509CF2

80, 156, 242

#509CF2

Custom color #509CF2 with RGB values 80, 156, 242.

HEX#509CF2

RGB80, 156, 242

HSL212°, 86%, 63%

CMYK67%, 36%, 0%, 5%

CSS Variable--color: #509cf2;

Use in Generator Check Contrast View on Wheel

Shades of #509CF2

#d0e4fb

#a0c9f8

#71aef4

#4194f1

#1279ed

#0e61be

#0b488e

#07305f

#04182f

Tints of #509CF2

#509cf2

#63a7f3

#76b1f5

#89bcf6

#9cc7f8

#afd1f9

#c1dcfa

#d4e7fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.85:1

AA NormalFailAAAFail

Sample Text

On Black7.38:1

AA NormalPassAAAPass

Full contrast analysis →