#56A5FF

86, 165, 255

#56A5FF

Custom color #56A5FF with RGB values 86, 165, 255.

HEX#56A5FF

RGB86, 165, 255

HSL212°, 100%, 67%

CMYK66%, 35%, 0%, 0%

CSS Variable--color: #56a5ff;

Use in Generator Check Contrast View on Wheel

Shades of #56A5FF

#cce4ff

#99c9ff

#66aeff

#3392ff

#0077ff

#005fcc

#004899

#003066

#001833

Tints of #56A5FF

#56a5ff

#68afff

#7ab8ff

#8cc2ff

#9ecbff

#b0d5ff

#c2deff

#d4e8ff

#e5f1ff

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.55:1

AA NormalFailAAAFail

Sample Text

On Black8.22:1

AA NormalPassAAAPass

Full contrast analysis →