#557FC4

85, 127, 196

#557FC4

Custom color #557FC4 with RGB values 85, 127, 196.

HEX#557FC4
RGB85, 127, 196
HSL217°, 48%, 55%
CMYK57%, 35%, 0%, 23%
CSS Variable--color: #557fc4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #557FC4

#d9e2f2

#b3c6e5

#8da9d8

#688dca

#4270bd

#355a97

#274372

#1a2d4c

#0d1626

Tints of #557FC4

#557fc4

#688dcb

#7b9bd1

#8eaad8

#a1b8de

#b3c6e5

#c6d4eb

#d9e3f2

#ecf1f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White4.02:1
AA NormalFailAAAFail

Sample Text

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