#56A7D4

86, 167, 212

#56A7D4

Custom color #56A7D4 with RGB values 86, 167, 212.

HEX#56A7D4
RGB86, 167, 212
HSL201°, 59%, 58%
CMYK59%, 21%, 0%, 17%
CSS Variable--color: #56a7d4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A7D4

#d6eaf5

#aed5ea

#85bfe0

#5caad6

#3495cb

#2977a3

#1f597a

#153c51

#0a1e29

Tints of #56A7D4

#56a7d4

#69b1d9

#7bbadd

#8ec4e2

#a0cee7

#b3d7ec

#c6e1f0

#d8ebf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.67:1
AA NormalFailAAAFail

Sample Text

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