#5563F2

85, 99, 242

#5563F2

Custom color #5563F2 with RGB values 85, 99, 242.

HEX#5563F2

RGB85, 99, 242

HSL235°, 86%, 64%

CMYK65%, 59%, 0%, 5%

CSS Variable--color: #5563f2;

Use in Generator Check Contrast View on Wheel

Shades of #5563F2

#d0d4fb

#a0a8f8

#717df4

#4151f1

#1226ed

#0e1ebe

#0b178e

#070f5f

#04082f

Tints of #5563F2

#5563f2

#6774f3

#7a85f5

#8c95f6

#9ea6f8

#b0b7f9

#c3c8fa

#d5d8fc

#e7e9fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.72:1

AA NormalPassAAAFail

Sample Text

On Black4.45:1

AA NormalFailAAAFail

Full contrast analysis →