#54A5D4

84, 165, 212

#54A5D4

Custom color #54A5D4 with RGB values 84, 165, 212.

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

Shades of #54A5D4

#d6eaf5

#add4eb

#85bfe0

#5ca9d6

#3394cc

#2976a3

#1f597a

#143b52

#0a1e29

Tints of #54A5D4

#54a5d4

#67afd9

#7ab9dd

#8cc3e2

#9fcde7

#b2d7ec

#c5e0f0

#d8eaf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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