#5684E0

86, 132, 224

#5684E0

Custom color #5684E0 with RGB values 86, 132, 224.

HEX#5684E0

RGB86, 132, 224

HSL220°, 69%, 61%

CMYK62%, 41%, 0%, 12%

CSS Variable--color: #5684e0;

Use in Generator Check Contrast View on Wheel

Shades of #5684E0

#d4e0f7

#a9c0ef

#7ea1e7

#5382df

#2862d7

#204fac

#183b81

#102756

#08142b

Tints of #5684E0

#5684e0

#6891e3

#7b9fe7

#8dacea

#a0baee

#b2c7f1

#c5d4f4

#d7e2f8

#e9effb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.64:1

AA NormalFailAAAFail

Sample Text

On Black5.77:1

AA NormalPassAAAFail

Full contrast analysis →