#5680E2

86, 128, 226

#5680E2

Custom color #5680E2 with RGB values 86, 128, 226.

HEX#5680E2

RGB86, 128, 226

HSL222°, 71%, 61%

CMYK62%, 43%, 0%, 11%

CSS Variable--color: #5680e2;

Use in Generator Check Contrast View on Wheel

Shades of #5680E2

#d3def8

#a8bef0

#7c9de9

#517ce1

#255bda

#1e49ae

#163783

#0f2557

#07122c

Tints of #5680E2

#5680e2

#688ee5

#7b9ce8

#8da9eb

#a0b7ef

#b2c5f2

#c4d3f5

#d7e1f8

#e9effb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.76:1

AA NormalFailAAAFail

Sample Text

On Black5.58:1

AA NormalPassAAAFail

Full contrast analysis →