#558FF2

85, 143, 242

#558FF2

Custom color #558FF2 with RGB values 85, 143, 242.

HEX#558FF2

RGB85, 143, 242

HSL218°, 86%, 64%

CMYK65%, 41%, 0%, 5%

CSS Variable--color: #558ff2;

Use in Generator Check Contrast View on Wheel

Shades of #558FF2

#d0e0fb

#a0c1f8

#71a1f4

#4182f1

#1263ed

#0e4fbe

#0b3b8e

#07285f

#04142f

Tints of #558FF2

#558ff2

#679bf3

#7aa7f5

#8cb3f6

#9ebff8

#b0cbf9

#c3d7fa

#d5e3fc

#e7effd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.18:1

AA NormalFailAAAFail

Sample Text

On Black6.60:1

AA NormalPassAAAFail

Full contrast analysis →