#54A5F2

84, 165, 242

#54A5F2

Custom color #54A5F2 with RGB values 84, 165, 242.

HEX#54A5F2

RGB84, 165, 242

HSL209°, 86%, 64%

CMYK65%, 32%, 0%, 5%

CSS Variable--color: #54a5f2;

Use in Generator Check Contrast View on Wheel

Shades of #54A5F2

#d0e6fb

#a0cdf8

#71b4f4

#419bf1

#1282ed

#0e68be

#0b4e8e

#07345f

#041a2f

Tints of #54A5F2

#54a5f2

#66aff3

#79b8f5

#8bc2f6

#9eccf8

#b0d5f9

#c2dffa

#d5e9fc

#e7f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.61:1

AA NormalFailAAAFail

Sample Text

On Black8.04:1

AA NormalPassAAAPass

Full contrast analysis →