#5684F0

86, 132, 240

#5684F0

Custom color #5684F0 with RGB values 86, 132, 240.

HEX#5684F0

RGB86, 132, 240

HSL222°, 84%, 64%

CMYK64%, 45%, 0%, 6%

CSS Variable--color: #5684f0;

Use in Generator Check Contrast View on Wheel

Shades of #5684F0

#d0ddfb

#a1bbf7

#7299f3

#4477ee

#1555ea

#1144bb

#0c338d

#08225e

#04112f

Tints of #5684F0

#5684f0

#6891f2

#7a9ef3

#8dacf5

#9fb9f6

#b1c6f8

#c3d3fa

#d5e1fb

#e8eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.53:1

AA NormalFailAAAFail

Sample Text

On Black5.95:1

AA NormalPassAAAFail

Full contrast analysis →