#558AC4

85, 138, 196

#558AC4

Custom color #558AC4 with RGB values 85, 138, 196.

HEX#558AC4
RGB85, 138, 196
HSL211°, 48%, 55%
CMYK57%, 30%, 0%, 23%
CSS Variable--color: #558ac4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #558AC4

#d9e5f2

#b3cbe5

#8db1d8

#6897ca

#427dbd

#356497

#274b72

#1a324c

#0d1926

Tints of #558AC4

#558ac4

#6897cb

#7ba4d1

#8eb1d8

#a1bede

#b3cbe5

#c6d8eb

#d9e5f2

#ecf2f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.61:1
AA NormalFailAAAFail

Sample Text

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