#5686F4

86, 134, 244

#5686F4

Custom color #5686F4 with RGB values 86, 134, 244.

HEX#5686F4

RGB86, 134, 244

HSL222°, 88%, 65%

CMYK65%, 45%, 0%, 4%

CSS Variable--color: #5686f4;

Use in Generator Check Contrast View on Wheel

Shades of #5686F4

#cfddfc

#9fbaf9

#6f98f6

#3f76f3

#1054ef

#0c43c0

#093290

#062160

#031130

Tints of #5686F4

#5686f4

#6893f5

#7aa0f6

#8cadf8

#9fbaf9

#b1c7fa

#c3d4fb

#d5e1fc

#e7eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.44:1

AA NormalFailAAAFail

Sample Text

On Black6.11:1

AA NormalPassAAAFail

Full contrast analysis →