#558CC4

85, 140, 196

#558CC4

Custom color #558CC4 with RGB values 85, 140, 196.

HEX#558CC4

RGB85, 140, 196

HSL210°, 48%, 55%

CMYK57%, 29%, 0%, 23%

CSS Variable--color: #558cc4;

Use in Generator Check Contrast View on Wheel

Shades of #558CC4

#d9e5f2

#b3cce5

#8db2d8

#6899ca

#427fbd

#356697

#274c72

#1a334c

#0d1926

Tints of #558CC4

#558cc4

#6899cb

#7ba6d1

#8eb2d8

#a1bfde

#b3cce5

#c6d9eb

#d9e5f2

#ecf2f8

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.54:1

AA NormalFailAAAFail

Sample Text

On Black5.93:1

AA NormalPassAAAFail

Full contrast analysis →