#56A2EC

86, 162, 236

#56A2EC

Custom color #56A2EC with RGB values 86, 162, 236.

HEX#56A2EC

RGB86, 162, 236

HSL210°, 80%, 63%

CMYK64%, 31%, 0%, 7%

CSS Variable--color: #56a2ec;

Use in Generator Check Contrast View on Wheel

Shades of #56A2EC

#d1e6fa

#a3cdf5

#75b3f0

#489aea

#1a81e5

#1567b7

#0f4d8a

#0a345c

#051a2e

Tints of #56A2EC

#56a2ec

#68acee

#7bb6f0

#8dc0f2

#9fcaf4

#b1d4f6

#c4def8

#d6e8fa

#e8f2fc

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.70:1

AA NormalFailAAAFail

Sample Text

On Black7.78:1

AA NormalPassAAAPass

Full contrast analysis →