#54A6D4

84, 166, 212

#54A6D4

Custom color #54A6D4 with RGB values 84, 166, 212.

HEX#54A6D4
RGB84, 166, 212
HSL202°, 60%, 58%
CMYK60%, 22%, 0%, 17%
CSS Variable--color: #54a6d4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A6D4

#d6eaf5

#add5eb

#85bfe0

#5caad6

#3395cc

#2977a3

#1f597a

#143c52

#0a1e29

Tints of #54A6D4

#54a6d4

#67b0d9

#7abadd

#8cc3e2

#9fcde7

#b2d7ec

#c5e1f0

#d8ebf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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