#5689F0

86, 137, 240

#5689F0

Custom color #5689F0 with RGB values 86, 137, 240.

HEX#5689F0
RGB86, 137, 240
HSL220°, 84%, 64%
CMYK64%, 43%, 0%, 6%
CSS Variable--color: #5689f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5689F0

#d0defb

#a1bef7

#729df3

#447cee

#155bea

#1149bb

#0c378d

#08255e

#04122f

Tints of #5689F0

#5689f0

#6896f2

#7aa2f3

#8daff5

#9fbcf6

#b1c9f8

#c3d5fa

#d5e2fb

#e8effd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.37:1
AA NormalFailAAAFail

Sample Text

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