#5689F5

86, 137, 245

#5689F5

Custom color #5689F5 with RGB values 86, 137, 245.

HEX#5689F5
RGB86, 137, 245
HSL221°, 89%, 65%
CMYK65%, 44%, 0%, 4%
CSS Variable--color: #5689f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5689F5

#cfddfc

#9fbcf9

#6f9af6

#3e79f4

#0e57f1

#0b46c1

#093490

#062360

#031130

Tints of #5689F5

#5689f5

#6896f6

#7aa2f7

#8caff8

#9ebcf9

#b1c8fa

#c3d5fb

#d5e2fd

#e7eefe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.34:1
AA NormalFailAAAFail

Sample Text

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