#5686F5

86, 134, 245

#5686F5

Custom color #5686F5 with RGB values 86, 134, 245.

HEX#5686F5
RGB86, 134, 245
HSL222°, 89%, 65%
CMYK65%, 45%, 0%, 4%
CSS Variable--color: #5686f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5686F5

#cfddfc

#9fbaf9

#6f98f6

#3e75f4

#0e53f1

#0b42c1

#093290

#062160

#031130

Tints of #5686F5

#5686f5

#6893f6

#7aa0f7

#8cadf8

#9ebaf9

#b1c7fa

#c3d4fb

#d5e1fd

#e7eefe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.43:1
AA NormalFailAAAFail

Sample Text

On Black6.12:1
AA NormalPassAAAFail
Full contrast analysis →