#56A5F0

86, 165, 240

#56A5F0

Custom color #56A5F0 with RGB values 86, 165, 240.

HEX#56A5F0

RGB86, 165, 240

HSL209°, 84%, 64%

CMYK64%, 31%, 0%, 6%

CSS Variable--color: #56a5f0;

Use in Generator Check Contrast View on Wheel

Shades of #56A5F0

#d0e6fb

#a1cdf7

#72b4f3

#449bee

#1582ea

#1168bb

#0c4e8d

#08345e

#041a2f

Tints of #56A5F0

#56a5f0

#68aff2

#7ab8f3

#8dc2f5

#9fccf6

#b1d5f8

#c3dffa

#d5e9fb

#e8f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.61:1

AA NormalFailAAAFail

Sample Text

On Black8.04:1

AA NormalPassAAAPass

Full contrast analysis →