#557CF4

85, 124, 244

#557CF4

Custom color #557CF4 with RGB values 85, 124, 244.

HEX#557CF4
RGB85, 124, 244
HSL225°, 88%, 65%
CMYK65%, 49%, 0%, 4%
CSS Variable--color: #557cf4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #557CF4

#cfdafc

#9fb5f9

#6f90f6

#3f6bf3

#0f46f0

#0c38c0

#092a90

#061c60

#030e30

Tints of #557CF4

#557cf4

#678af5

#7a98f6

#8ca6f8

#9eb4f9

#b0c2fa

#c3d0fb

#d5defc

#e7edfd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.77:1
AA NormalFailAAAFail

Sample Text

On Black5.58:1
AA NormalPassAAAFail
Full contrast analysis →