#56A7D3

86, 167, 211

#56A7D3

Custom color #56A7D3 with RGB values 86, 167, 211.

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

Shades of #56A7D3

#d7eaf4

#aed5ea

#86c0df

#5dabd5

#3596ca

#2a78a2

#205a79

#153c51

#0b1e28

Tints of #56A7D3

#56a7d3

#69b1d8

#7bbadd

#8ec4e2

#a0cee6

#b3d7eb

#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.86:1
AA NormalPassAAAPass
Full contrast analysis →