#54A4FF

84, 164, 255

#54A4FF

Custom color #54A4FF with RGB values 84, 164, 255.

HEX#54A4FF
RGB84, 164, 255
HSL212°, 100%, 66%
CMYK67%, 36%, 0%, 0%
CSS Variable--color: #54a4ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A4FF

#cce4ff

#99c9ff

#66aeff

#3392ff

#0077ff

#005fcc

#004899

#003066

#001833

Tints of #54A4FF

#54a4ff

#66aeff

#78b7ff

#8bc1ff

#9dcbff

#afd4ff

#c1deff

#d3e8ff

#e5f1ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.58:1
AA NormalFailAAAFail

Sample Text

On Black8.13:1
AA NormalPassAAAPass
Full contrast analysis →