#54A5D8

84, 165, 216

#54A5D8

Custom color #54A5D8 with RGB values 84, 165, 216.

HEX#54A5D8
RGB84, 165, 216
HSL203°, 63%, 59%
CMYK61%, 24%, 0%, 15%
CSS Variable--color: #54a5d8;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A5D8

#d5e9f6

#acd3ec

#82bde3

#59a8d9

#2f92d0

#2675a6

#1c577d

#133a53

#091d2a

Tints of #54A5D8

#54a5d8

#67afdc

#7ab9e1

#8cc3e5

#9fcde9

#b2d6ed

#c5e0f2

#d7eaf6

#eaf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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