#5684F2

86, 132, 242

#5684F2

Custom color #5684F2 with RGB values 86, 132, 242.

HEX#5684F2

RGB86, 132, 242

HSL222°, 86%, 64%

CMYK64%, 45%, 0%, 5%

CSS Variable--color: #5684f2;

Use in Generator Check Contrast View on Wheel

Shades of #5684F2

#d0ddfb

#a0baf8

#7198f4

#4275f0

#1253ed

#0f42bd

#0b328e

#07215f

#04112f

Tints of #5684F2

#5684f2

#6891f3

#7a9ef5

#8cacf6

#9fb9f8

#b1c6f9

#c3d3fa

#d5e1fc

#e7eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.51:1

AA NormalFailAAAFail

Sample Text

On Black5.98:1

AA NormalPassAAAFail

Full contrast analysis →