#509CBB

80, 156, 187

#509CBB

Custom color #509CBB with RGB values 80, 156, 187.

HEX#509CBB
RGB80, 156, 187
HSL197°, 44%, 52%
CMYK57%, 17%, 0%, 27%
CSS Variable--color: #509cbb;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509CBB

#daeaf1

#b6d5e2

#91c1d4

#6cacc6

#4797b8

#397993

#2b5b6e

#1d3c49

#0e1e25

Tints of #509CBB

#509cbb

#64a7c3

#77b2ca

#8bbdd2

#9ec8d9

#b2d3e1

#c5dee9

#d9eaf0

#edf5f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.08:1
AA NormalFailAAAFail

Sample Text

On Black6.81:1
AA NormalPassAAAFail
Full contrast analysis →