#5696E3

86, 150, 227

#5696E3

Custom color #5696E3 with RGB values 86, 150, 227.

HEX#5696E3

RGB86, 150, 227

HSL213°, 72%, 61%

CMYK62%, 34%, 0%, 11%

CSS Variable--color: #5696e3;

Use in Generator Check Contrast View on Wheel

Shades of #5696E3

#d3e4f8

#a7c9f1

#7cade9

#5092e2

#2477db

#1d5faf

#164783

#0e3058

#07182c

Tints of #5696E3

#5696e3

#68a1e6

#7bade9

#8db8ec

#a0c4ef

#b2cff2

#c4dbf5

#d7e6f8

#e9f1fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.06:1

AA NormalFailAAAFail

Sample Text

On Black6.87:1

AA NormalPassAAAFail

Full contrast analysis →