#5497F2

84, 151, 242

#5497F2

Custom color #5497F2 with RGB values 84, 151, 242.

HEX#5497F2

RGB84, 151, 242

HSL215°, 86%, 64%

CMYK65%, 38%, 0%, 5%

CSS Variable--color: #5497f2;

Use in Generator Check Contrast View on Wheel

Shades of #5497F2

#d0e2fb

#a0c5f8

#71a9f4

#418cf1

#126fed

#0e59be

#0b438e

#072c5f

#04162f

Tints of #5497F2

#5497f2

#66a2f3

#79adf5

#8bb9f6

#9ec4f8

#b0cff9

#c2dafa

#d5e5fc

#e7f1fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.96:1

AA NormalFailAAAFail

Sample Text

On Black7.09:1

AA NormalPassAAAPass

Full contrast analysis →