#558EF2

85, 142, 242

#558EF2

Custom color #558EF2 with RGB values 85, 142, 242.

HEX#558EF2

RGB85, 142, 242

HSL218°, 86%, 64%

CMYK65%, 41%, 0%, 5%

CSS Variable--color: #558ef2;

Use in Generator Check Contrast View on Wheel

Shades of #558EF2

#d0e0fb

#a0c0f8

#71a1f4

#4181f1

#1262ed

#0e4ebe

#0b3b8e

#07275f

#04142f

Tints of #558EF2

#558ef2

#679af3

#7aa6f5

#8cb2f6

#9ebff8

#b0cbf9

#c3d7fa

#d5e3fc

#e7effd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.21:1

AA NormalFailAAAFail

Sample Text

On Black6.54:1

AA NormalPassAAAFail

Full contrast analysis →