#54BAF6

84, 186, 246

#54BAF6

Custom color #54BAF6 with RGB values 84, 186, 246.

HEX#54BAF6

RGB84, 186, 246

HSL202°, 90%, 65%

CMYK66%, 24%, 0%, 4%

CSS Variable--color: #54baf6;

Use in Generator Check Contrast View on Wheel

Shades of #54BAF6

#cfebfc

#9ed8fa

#6ec4f7

#3db1f5

#0d9df2

#0a7ec2

#085e91

#053f61

#031f30

Tints of #54BAF6

#54baf6

#66c1f7

#79c9f8

#8bd0f9

#9dd8fa

#b0dffb

#c2e6fc

#d4eefd

#e7f5fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.16:1

AA NormalFailAAAFail

Sample Text

On Black9.73:1

AA NormalPassAAAPass

Full contrast analysis →