HEX #56A5C2 color — Fountain Blue
The color #56a5c2 is a light shade and moderately saturated.
Palette
56a5c2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(196,47%,95%) |
#daebf1 |
rgb(218,235,241) |
hsl(196,47%,90%) |
#c7e1eb |
rgb(199,225,235) |
hsl(196,47%,85%) |
#b4d7e4 |
rgb(180,215,228) |
hsl(196,47%,80%) |
#a1cddd |
rgb(161,205,221) |
hsl(196,47%,75%) |
#8fc3d6 |
rgb(143,195,214) |
hsl(196,47%,70%) |
#7cb9d0 |
rgb(124,185,208) |
hsl(196,47%,65%) |
#69afc9 |
rgb(105,175,201) |
hsl(196,47%,60%) |
#56a5c2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
#449bbb |
rgb(68,155,187) |
hsl(196,47%,50%) |
#3d8ca9 |
rgb(61,140,169) |
hsl(196,47%,45%) |
#367c96 |
rgb(54,124,150) |
hsl(196,47%,40%) |
#2f6d83 |
rgb(47,109,131) |
hsl(196,47%,35%) |
#295d70 |
rgb(41,93,112) |
hsl(196,47%,30%) |
#224e5e |
rgb(34,78,94) |
hsl(196,47%,25%) |
#1b3e4b |
rgb(27,62,75) |
hsl(196,47%,20%) |
#142f38 |
rgb(20,47,56) |
hsl(196,47%,15%) |
#0e1f25 |
rgb(14,31,37) |
hsl(196,47%,10%) |
#071013 |
rgb(7,16,19) |
hsl(196,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C297 |
rgb(86,194,151) |
hsl(156,47%,55%) |
#56A5C2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
#565CC2 |
rgb(86,92,194) |
hsl(237,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97C7D9 |
rgb(151,199,217) |
hsl(196,46%,72%) |
#76B8CD |
rgb(118,184,205) |
hsl(194,47%,63%) |
#56A5C2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
#3E8FAC |
rgb(62,143,172) |
hsl(196,47%,46%) |
#32738B |
rgb(50,115,139) |
hsl(196,47%,37%) |
#26596A |
rgb(38,89,106) |
hsl(195,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#56A5C2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
#C2576F |
rgb(194,87,111) |
hsl(347,47%,55%) |
#C2A856 |
rgb(194,168,86) |
hsl(46,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56A5C2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
#C27356 |
rgb(194,115,86) |
hsl(16,47%,55%) |
#56C2A9 |
rgb(86,194,169) |
hsl(166,47%,55%) |
#C2A856 |
rgb(194,168,86) |
hsl(46,47%,55%) |