#56A2FF

86, 162, 255

#56A2FF

Custom color #56A2FF with RGB values 86, 162, 255.

HEX#56A2FF

RGB86, 162, 255

HSL213°, 100%, 67%

CMYK66%, 36%, 0%, 0%

CSS Variable--color: #56a2ff;

Use in Generator Check Contrast View on Wheel

Shades of #56A2FF

#cce3ff

#99c7ff

#66abff

#338fff

#0073ff

#005ccc

#004599

#002e66

#001733

Tints of #56A2FF

#56a2ff

#68acff

#7ab6ff

#8cc0ff

#9ec9ff

#b0d3ff

#c2ddff

#d4e7ff

#e5f1ff

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.62:1

AA NormalFailAAAFail

Sample Text

On Black8.01:1

AA NormalPassAAAPass

Full contrast analysis →