#557EC1

85, 126, 193

#557EC1

Custom color #557EC1 with RGB values 85, 126, 193.

HEX#557EC1
RGB85, 126, 193
HSL217°, 47%, 55%
CMYK56%, 35%, 0%, 24%
CSS Variable--color: #557ec1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #557EC1

#dae3f1

#b4c6e4

#8faad6

#6a8ec8

#4471bb

#375b95

#294470

#1b2d4b

#0e1725

Tints of #557EC1

#557ec1

#688cc8

#7b9bcf

#8ea9d6

#a1b7dd

#b4c6e3

#c6d4ea

#d9e2f1

#ecf1f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White4.09:1
AA NormalFailAAAFail

Sample Text

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