#5696E0

86, 150, 224

#5696E0

Custom color #5696E0 with RGB values 86, 150, 224.

HEX#5696E0

RGB86, 150, 224

HSL212°, 69%, 61%

CMYK62%, 33%, 0%, 12%

CSS Variable--color: #5696e0;

Use in Generator Check Contrast View on Wheel

Shades of #5696E0

#d4e4f7

#a9c9ef

#7eafe7

#5394df

#2879d7

#2061ac

#184981

#103056

#08182b

Tints of #5696E0

#5696e0

#68a1e3

#7bade7

#8db8ea

#a0c4ee

#b2cff1

#c5dbf4

#d7e6f8

#e9f2fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.07:1

AA NormalFailAAAFail

Sample Text

On Black6.83:1

AA NormalPassAAAFail

Full contrast analysis →