#56A3D4

86, 163, 212

#56A3D4

Custom color #56A3D4 with RGB values 86, 163, 212.

HEX#56A3D4
RGB86, 163, 212
HSL203°, 59%, 58%
CMYK59%, 23%, 0%, 17%
CSS Variable--color: #56a3d4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A3D4

#d6e9f5

#aed3ea

#85bde0

#5ca6d6

#3490cb

#2973a3

#1f577a

#153a51

#0a1d29

Tints of #56A3D4

#56a3d4

#69add9

#7bb7dd

#8ec1e2

#a0cbe7

#b3d6ec

#c6e0f0

#d8eaf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.77:1
AA NormalFailAAAFail

Sample Text

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