#557DF4

85, 125, 244

#557DF4

Custom color #557DF4 with RGB values 85, 125, 244.

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

Shades of #557DF4

#cfdafc

#9fb6f9

#6f91f6

#3f6cf3

#0f48f0

#0c39c0

#092b90

#061d60

#030e30

Tints of #557DF4

#557df4

#678bf5

#7a99f6

#8ca7f8

#9eb5f9

#b0c3fa

#c3d1fb

#d5dffc

#e7edfd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.73:1
AA NormalFailAAAFail

Sample Text

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