#509EC2

80, 158, 194

#509EC2

Custom color #509EC2 with RGB values 80, 158, 194.

HEX#509EC2
RGB80, 158, 194
HSL199°, 48%, 54%
CMYK59%, 19%, 0%, 24%
CSS Variable--color: #509ec2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509EC2

#d9eaf2

#b3d5e5

#8ec0d7

#68abca

#4296bd

#357897

#285a71

#1a3c4c

#0d1e26

Tints of #509EC2

#509ec2

#64a9c9

#77b4d0

#8bbed6

#9ec9dd

#b2d4e4

#c5dfeb

#d9eaf2

#ecf5f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.00:1
AA NormalFailAAAFail

Sample Text

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