#5689F1

86, 137, 241

#5689F1

Custom color #5689F1 with RGB values 86, 137, 241.

HEX#5689F1
RGB86, 137, 241
HSL220°, 85%, 64%
CMYK64%, 43%, 0%, 5%
CSS Variable--color: #5689f1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5689F1

#d0defb

#a1bdf7

#729cf3

#437bef

#145beb

#1048bc

#0c368d

#08245e

#04122f

Tints of #5689F1

#5689f1

#6896f3

#7aa2f4

#8daff6

#9fbcf7

#b1c8f9

#c3d5fa

#d5e2fc

#e7effd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.36:1
AA NormalFailAAAFail

Sample Text

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