#5696FF

86, 150, 255

#5696FF

Custom color #5696FF with RGB values 86, 150, 255.

HEX#5696FF

RGB86, 150, 255

HSL217°, 100%, 67%

CMYK66%, 41%, 0%, 0%

CSS Variable--color: #5696ff;

Use in Generator Check Contrast View on Wheel

Shades of #5696FF

#ccdfff

#99c0ff

#66a0ff

#3380ff

#0061ff

#004dcc

#003a99

#002766

#001333

Tints of #5696FF

#5696ff

#68a1ff

#7aacff

#8cb7ff

#9ec3ff

#b0ceff

#c2d9ff

#d4e4ff

#e5efff

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.92:1

AA NormalFailAAAFail

Sample Text

On Black7.20:1

AA NormalPassAAAPass

Full contrast analysis →