#5564F2

85, 100, 242

#5564F2

Custom color #5564F2 with RGB values 85, 100, 242.

HEX#5564F2

RGB85, 100, 242

HSL234°, 86%, 64%

CMYK65%, 59%, 0%, 5%

CSS Variable--color: #5564f2;

Use in Generator Check Contrast View on Wheel

Shades of #5564F2

#d0d4fb

#a0a9f8

#717df4

#4152f1

#1227ed

#0e1fbe

#0b178e

#07105f

#04082f

Tints of #5564F2

#5564f2

#6775f3

#7a85f5

#8c96f6

#9ea7f8

#b0b7f9

#c3c8fa

#d5d9fc

#e7e9fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.68:1

AA NormalPassAAAFail

Sample Text

On Black4.49:1

AA NormalFailAAAFail

Full contrast analysis →