#54BAF2

84, 186, 242

#54BAF2

Custom color #54BAF2 with RGB values 84, 186, 242.

HEX#54BAF2

RGB84, 186, 242

HSL201°, 86%, 64%

CMYK65%, 23%, 0%, 5%

CSS Variable--color: #54baf2;

Use in Generator Check Contrast View on Wheel

Shades of #54BAF2

#d0ecfb

#a0d9f8

#71c6f4

#41b3f1

#129fed

#0e80be

#0b608e

#07405f

#04202f

Tints of #54BAF2

#54baf2

#66c1f3

#79c9f5

#8bd0f6

#9ed8f8

#b0dff9

#c2e7fa

#d5eefc

#e7f5fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.17:1

AA NormalFailAAAFail

Sample Text

On Black9.68:1

AA NormalPassAAAPass

Full contrast analysis →