#54A2F0

84, 162, 240

#54A2F0

Custom color #54A2F0 with RGB values 84, 162, 240.

HEX#54A2F0

RGB84, 162, 240

HSL210°, 84%, 64%

CMYK65%, 33%, 0%, 6%

CSS Variable--color: #54a2f0;

Use in Generator Check Contrast View on Wheel

Shades of #54A2F0

#d0e5fb

#a1ccf7

#72b2f3

#4399ef

#157fea

#1066bc

#0c4c8d

#08335e

#04192f

Tints of #54A2F0

#54a2f0

#66acf2

#79b6f3

#8bc0f5

#9ecaf6

#b0d4f8

#c3defa

#d5e8fb

#e8f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.69:1

AA NormalFailAAAFail

Sample Text

On Black7.80:1

AA NormalPassAAAPass

Full contrast analysis →