#56A0EC

86, 160, 236

#56A0EC

Custom color #56A0EC with RGB values 86, 160, 236.

HEX#56A0EC
RGB86, 160, 236
HSL210°, 80%, 63%
CMYK64%, 32%, 0%, 7%
CSS Variable--color: #56a0ec;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A0EC

#d1e5fa

#a3cbf5

#75b2f0

#4898ea

#1a7ee5

#1565b7

#0f4c8a

#0a325c

#05192e

Tints of #56A0EC

#56a0ec

#68aaee

#7bb5f0

#8dbff2

#9fc9f4

#b1d3f6

#c4def8

#d6e8fa

#e8f2fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.75:1
AA NormalFailAAAFail

Sample Text

On Black7.64:1
AA NormalPassAAAPass
Full contrast analysis →