#54A6F2

84, 166, 242

#54A6F2

Custom color #54A6F2 with RGB values 84, 166, 242.

HEX#54A6F2

RGB84, 166, 242

HSL209°, 86%, 64%

CMYK65%, 31%, 0%, 5%

CSS Variable--color: #54a6f2;

Use in Generator Check Contrast View on Wheel

Shades of #54A6F2

#d0e6fb

#a0cef8

#71b5f4

#419cf1

#1284ed

#0e69be

#0b4f8e

#07355f

#041a2f

Tints of #54A6F2

#54a6f2

#66b0f3

#79b9f5

#8bc3f6

#9eccf8

#b0d6f9

#c2dffa

#d5e9fc

#e7f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.59:1

AA NormalFailAAAFail

Sample Text

On Black8.11:1

AA NormalPassAAAPass

Full contrast analysis →