#5680F2

86, 128, 242

#5680F2

Custom color #5680F2 with RGB values 86, 128, 242.

HEX#5680F2

RGB86, 128, 242

HSL224°, 86%, 64%

CMYK64%, 47%, 0%, 5%

CSS Variable--color: #5680f2;

Use in Generator Check Contrast View on Wheel

Shades of #5680F2

#d0dbfb

#a0b8f8

#7194f4

#4271f0

#124ded

#0f3ebd

#0b2e8e

#071f5f

#040f2f

Tints of #5680F2

#5680f2

#688ef3

#7a9bf5

#8ca9f6

#9fb7f8

#b1c4f9

#c3d2fa

#d5e0fc

#e7edfd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.64:1

AA NormalFailAAAFail

Sample Text

On Black5.77:1

AA NormalPassAAAFail

Full contrast analysis →