#54A2F2

84, 162, 242

#54A2F2

Custom color #54A2F2 with RGB values 84, 162, 242.

HEX#54A2F2

RGB84, 162, 242

HSL210°, 86%, 64%

CMYK65%, 33%, 0%, 5%

CSS Variable--color: #54a2f2;

Use in Generator Check Contrast View on Wheel

Shades of #54A2F2

#d0e5fb

#a0cbf8

#71b2f4

#4198f1

#127eed

#0e65be

#0b4c8e

#07325f

#04192f

Tints of #54A2F2

#54a2f2

#66acf3

#79b6f5

#8bc0f6

#9ecaf8

#b0d4f9

#c2defa

#d5e8fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.68:1

AA NormalFailAAAFail

Sample Text

On Black7.83:1

AA NormalPassAAAPass

Full contrast analysis →