#54A5D6

84, 165, 214

#54A5D6

Custom color #54A5D6 with RGB values 84, 165, 214.

HEX#54A5D6
RGB84, 165, 214
HSL203°, 61%, 58%
CMYK61%, 23%, 0%, 16%
CSS Variable--color: #54a5d6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #54A5D6

#d6e9f5

#add4eb

#84bee1

#5aa8d8

#3193ce

#2775a5

#1e587b

#143b52

#0a1d29

Tints of #54A5D6

#54a5d6

#67afdb

#7ab9df

#8cc3e4

#9fcde8

#b2d6ed

#c5e0f1

#d8eaf6

#eaf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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