#56A5D2

86, 165, 210

#56A5D2

Custom color #56A5D2 with RGB values 86, 165, 210.

HEX#56A5D2
RGB86, 165, 210
HSL202°, 58%, 58%
CMYK59%, 21%, 0%, 18%
CSS Variable--color: #56a5d2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A5D2

#d7eaf4

#aed4ea

#86bfdf

#5ea9d4

#3694c9

#2b76a1

#205979

#153b51

#0b1e28

Tints of #56A5D2

#56a5d2

#69afd7

#7bb9dc

#8ec3e1

#a0cde6

#b3d7eb

#c6e0f0

#d8eaf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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