#56A7EC

86, 167, 236

#56A7EC

Custom color #56A7EC with RGB values 86, 167, 236.

HEX#56A7EC
RGB86, 167, 236
HSL208°, 80%, 63%
CMYK64%, 29%, 0%, 7%
CSS Variable--color: #56a7ec;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A7EC

#d1e7fa

#a3cff5

#75b7f0

#48a0ea

#1a88e5

#156db7

#0f518a

#0a365c

#051b2e

Tints of #56A7EC

#56a7ec

#68b1ee

#7bbaf0

#8dc4f2

#9fcdf4

#b1d7f6

#c4e0f8

#d6eafa

#e8f3fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.58:1
AA NormalFailAAAFail

Sample Text

On Black8.13:1
AA NormalPassAAAPass
Full contrast analysis →