#557AE0

85, 122, 224

#557AE0

Custom color #557AE0 with RGB values 85, 122, 224.

HEX#557AE0

RGB85, 122, 224

HSL224°, 69%, 61%

CMYK62%, 46%, 0%, 12%

CSS Variable--color: #557ae0;

Use in Generator Check Contrast View on Wheel

Shades of #557AE0

#d4ddf7

#a9bcef

#7e9ae7

#5278e0

#2756d8

#1f45ad

#183481

#102356

#08112b

Tints of #557AE0

#557ae0

#6889e3

#7a97e7

#8da6ea

#9fb4ee

#b2c3f1

#c4d1f4

#d7e0f8

#e9eefb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.00:1

AA NormalFailAAAFail

Sample Text

On Black5.25:1

AA NormalPassAAAFail

Full contrast analysis →