#5689F2

86, 137, 242

#5689F2

Custom color #5689F2 with RGB values 86, 137, 242.

HEX#5689F2

RGB86, 137, 242

HSL220°, 86%, 64%

CMYK64%, 43%, 0%, 5%

CSS Variable--color: #5689f2;

Use in Generator Check Contrast View on Wheel

Shades of #5689F2

#d0defb

#a0bdf8

#719cf4

#427bf0

#125aed

#0f48bd

#0b368e

#07245f

#04122f

Tints of #5689F2

#5689f2

#6896f3

#7aa2f5

#8caff6

#9fbcf8

#b1c8f9

#c3d5fa

#d5e2fc

#e7eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.36:1

AA NormalFailAAAFail

Sample Text

On Black6.26:1

AA NormalPassAAAFail

Full contrast analysis →