#5686F2

86, 134, 242

#5686F2

Custom color #5686F2 with RGB values 86, 134, 242.

HEX#5686F2

RGB86, 134, 242

HSL222°, 86%, 64%

CMYK64%, 45%, 0%, 5%

CSS Variable--color: #5686f2;

Use in Generator Check Contrast View on Wheel

Shades of #5686F2

#d0ddfb

#a0bbf8

#7199f4

#4277f0

#1255ed

#0f44bd

#0b338e

#07225f

#04112f

Tints of #5686F2

#5686f2

#6893f3

#7aa0f5

#8cadf6

#9fbaf8

#b1c7f9

#c3d4fa

#d5e1fc

#e7eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.45:1

AA NormalFailAAAFail

Sample Text

On Black6.09:1

AA NormalPassAAAFail

Full contrast analysis →