#54A6DE

84, 166, 222

#54A6DE

Custom color #54A6DE with RGB values 84, 166, 222.

HEX#54A6DE
RGB84, 166, 222
HSL204°, 68%, 60%
CMYK62%, 25%, 0%, 13%
CSS Variable--color: #54a6de;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A6DE

#d4e9f7

#aad2ef

#7fbce6

#54a6de

#2990d6

#2173ab

#195680

#103955

#081d2b

Tints of #54A6DE

#54a6de

#67b0e2

#79b9e5

#8cc3e9

#9fcdec

#b2d7f0

#c4e0f4

#d7eaf7

#eaf4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.66:1
AA NormalFailAAAFail

Sample Text

On Black7.89:1
AA NormalPassAAAPass
Full contrast analysis →