#56A5EC

86, 165, 236

#56A5EC

Custom color #56A5EC with RGB values 86, 165, 236.

HEX#56A5EC

RGB86, 165, 236

HSL208°, 80%, 63%

CMYK64%, 30%, 0%, 7%

CSS Variable--color: #56a5ec;

Use in Generator Check Contrast View on Wheel

Shades of #56A5EC

#d1e7fa

#a3cef5

#75b6f0

#489dea

#1a85e5

#156ab7

#0f508a

#0a355c

#051b2e

Tints of #56A5EC

#56a5ec

#68afee

#7bb8f0

#8dc2f2

#9fccf4

#b1d6f6

#c4dff8

#d6e9fa

#e8f3fc

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.63:1

AA NormalFailAAAFail

Sample Text

On Black7.99:1

AA NormalPassAAAPass

Full contrast analysis →