#56A2F0

86, 162, 240

#56A2F0

Custom color #56A2F0 with RGB values 86, 162, 240.

HEX#56A2F0

RGB86, 162, 240

HSL210°, 84%, 64%

CMYK64%, 33%, 0%, 6%

CSS Variable--color: #56a2f0;

Use in Generator Check Contrast View on Wheel

Shades of #56A2F0

#d0e5fb

#a1cbf7

#72b2f3

#4498ee

#157eea

#1165bb

#0c4c8d

#08325e

#04192f

Tints of #56A2F0

#56a2f0

#68acf2

#7ab6f3

#8dc0f5

#9fcaf6

#b1d4f8

#c3defa

#d5e8fb

#e8f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.68:1

AA NormalFailAAAFail

Sample Text

On Black7.82:1

AA NormalPassAAAPass

Full contrast analysis →