#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 GeneratorCheck ContrastView 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
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.59:1
AA NormalFailAAAFail

Sample Text

On Black8.11:1
AA NormalPassAAAPass
Full contrast analysis →