#54A5D2

84, 165, 210

#54A5D2

Custom color #54A5D2 with RGB values 84, 165, 210.

HEX#54A5D2
RGB84, 165, 210
HSL201°, 58%, 58%
CMYK60%, 21%, 0%, 18%
CSS Variable--color: #54a5d2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A5D2

#d7eaf4

#aed4ea

#86bfdf

#5eaad4

#3595ca

#2b77a2

#205979

#153b51

#0b1e28

Tints of #54A5D2

#54a5d2

#67afd7

#7ab9dc

#8dc3e1

#9fcde6

#b2d7eb

#c5e1f0

#d8eaf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.73:1
AA NormalFailAAAFail

Sample Text

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