#557DF2

85, 125, 242

#557DF2

Custom color #557DF2 with RGB values 85, 125, 242.

HEX#557DF2

RGB85, 125, 242

HSL225°, 86%, 64%

CMYK65%, 48%, 0%, 5%

CSS Variable--color: #557df2;

Use in Generator Check Contrast View on Wheel

Shades of #557DF2

#d0dbfb

#a0b7f8

#7192f4

#416ef1

#124aed

#0e3bbe

#0b2c8e

#071e5f

#040f2f

Tints of #557DF2

#557df2

#678bf3

#7a99f5

#8ca7f6

#9eb5f8

#b0c3f9

#c3d1fa

#d5dffc

#e7edfd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.75:1

AA NormalFailAAAFail

Sample Text

On Black5.60:1

AA NormalPassAAAFail

Full contrast analysis →