#54A2EC

84, 162, 236

#54A2EC

Custom color #54A2EC with RGB values 84, 162, 236.

HEX#54A2EC
RGB84, 162, 236
HSL209°, 80%, 63%
CMYK64%, 31%, 0%, 7%
CSS Variable--color: #54a2ec;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A2EC

#d1e6fa

#a3cdf5

#75b4f0

#479beb

#1982e6

#1468b8

#0f4e8a

#0a345c

#051a2e

Tints of #54A2EC

#54a2ec

#67acee

#79b6f0

#8cc0f2

#9ecaf4

#b1d4f6

#c3def8

#d6e8fa

#e8f3fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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