#557AE6

85, 122, 230

#557AE6

Custom color #557AE6 with RGB values 85, 122, 230.

HEX#557AE6
RGB85, 122, 230
HSL225°, 74%, 62%
CMYK63%, 47%, 0%, 10%
CSS Variable--color: #557ae6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #557AE6

#d3dcf8

#a6b9f2

#7a97eb

#4d74e5

#2151de

#1a41b2

#143185

#0d2059

#07102c

Tints of #557AE6

#557ae6

#6788e9

#7a97eb

#8ca5ee

#9fb4f1

#b1c2f4

#c4d1f6

#d6dff9

#e9eefc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.95:1
AA NormalFailAAAFail

Sample Text

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