#56A2F1

86, 162, 241

#56A2F1

Custom color #56A2F1 with RGB values 86, 162, 241.

HEX#56A2F1

RGB86, 162, 241

HSL211°, 85%, 64%

CMYK64%, 33%, 0%, 5%

CSS Variable--color: #56a2f1;

Use in Generator Check Contrast View on Wheel

Shades of #56A2F1

#d0e5fb

#a1cbf7

#72b1f3

#4397ef

#147deb

#1064bc

#0c4b8d

#08325e

#04192f

Tints of #56A2F1

#56a2f1

#68acf3

#7ab6f4

#8dc0f6

#9fcaf7

#b1d4f9

#c3defa

#d5e8fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.68:1

AA NormalFailAAAFail

Sample Text

On Black7.83:1

AA NormalPassAAAPass

Full contrast analysis →