#56A5D8

86, 165, 216

#56A5D8

Custom color #56A5D8 with RGB values 86, 165, 216.

HEX#56A5D8
RGB86, 165, 216
HSL204°, 63%, 59%
CMYK60%, 24%, 0%, 15%
CSS Variable--color: #56a5d8;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A5D8

#d6e9f5

#acd3ec

#83bde2

#59a7d9

#3091cf

#2674a6

#1d577c

#133a53

#0a1d29

Tints of #56A5D8

#56a5d8

#69afdc

#7bb9e1

#8ec3e5

#a0cce9

#b3d6ed

#c5e0f2

#d8eaf6

#eaf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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