#5684E2

86, 132, 226

#5684E2

Custom color #5684E2 with RGB values 86, 132, 226.

HEX#5684E2

RGB86, 132, 226

HSL220°, 71%, 61%

CMYK62%, 42%, 0%, 11%

CSS Variable--color: #5684e2;

Use in Generator Check Contrast View on Wheel

Shades of #5684E2

#d3dff8

#a8c0f0

#7ca0e9

#5180e1

#2561da

#1e4dae

#163a83

#0f2757

#07132c

Tints of #5684E2

#5684e2

#6891e5

#7b9fe8

#8daceb

#a0baef

#b2c7f2

#c4d4f5

#d7e2f8

#e9effb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.62:1

AA NormalFailAAAFail

Sample Text

On Black5.79:1

AA NormalPassAAAFail

Full contrast analysis →