HEX #5BA5C2 color — Fountain Blue

The color #5ba5c2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5ba5c2 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(197,46%,96%)
#ddedf3 rgb(221,237,243) hsl(197,46%,91%)
#cbe2ec rgb(203,226,236) hsl(197,46%,86%)
#b8d8e5 rgb(184,216,229) hsl(197,46%,81%)
#a6cede rgb(166,206,222) hsl(197,46%,76%)
#93c4d7 rgb(147,196,215) hsl(197,46%,71%)
#80bad0 rgb(128,186,208) hsl(197,46%,66%)
#6eafc9 rgb(110,175,201) hsl(197,46%,61%)
#5ba5c2 rgb(91,165,194) hsl(197,46%,56%)
#499bbc rgb(73,155,188) hsl(197,46%,51%)
#3f8dab rgb(63,141,171) hsl(197,46%,46%)
#387d99 rgb(56,125,153) hsl(197,46%,41%)
#326e86 rgb(50,110,134) hsl(197,46%,36%)
#2b5f73 rgb(43,95,115) hsl(197,46%,31%)
#245061 rgb(36,80,97) hsl(197,46%,26%)
#1d404e rgb(29,64,78) hsl(197,46%,21%)
#16313c rgb(22,49,60) hsl(197,46%,16%)
#0f2229 rgb(15,34,41) hsl(197,46%,11%)
#081216 rgb(8,18,22) hsl(197,46%,6%)
#010304 rgb(1,3,4) hsl(197,46%,1%)

Adjacent colors

HEX RGB HSL
#5BC29A rgb(91,194,154) hsl(157,46%,56%)
#5BA5C2 rgb(91,165,194) hsl(197,46%,56%)
#5B61C2 rgb(91,97,194) hsl(237,46%,56%)

Monochromatic colors

HEX RGB HSL
#9DC9DA rgb(157,201,218) hsl(197,45%,74%)
#7CB8CE rgb(124,184,206) hsl(196,46%,65%)
#5BA5C2 rgb(91,165,194) hsl(197,46%,56%)
#408FAE rgb(64,143,174) hsl(197,46%,47%)
#34758D rgb(52,117,141) hsl(196,46%,38%)
#28596C rgb(40,89,108) hsl(197,46%,29%)

Triad color palettes

HEX RGB HSL
#5BA5C2 rgb(91,165,194) hsl(197,46%,56%)
#C25C71 rgb(194,92,113) hsl(348,46%,56%)
#C2AB5B rgb(194,171,91) hsl(47,46%,56%)

Tetrad color palettes

HEX RGB HSL
#5BA5C2 rgb(91,165,194) hsl(197,46%,56%)
#C2785B rgb(194,120,91) hsl(17,46%,56%)
#5BC2AB rgb(91,194,171) hsl(167,46%,56%)
#C2AB5B rgb(194,171,91) hsl(47,46%,56%)