HEX #5BA9C2 color — Fountain Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba9c2 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(195,46%,96%)
#ddedf3 rgb(221,237,243) hsl(195,46%,91%)
#cbe4ec rgb(203,228,236) hsl(195,46%,86%)
#b8dae5 rgb(184,218,229) hsl(195,46%,81%)
#a6d0de rgb(166,208,222) hsl(195,46%,76%)
#93c6d7 rgb(147,198,215) hsl(195,46%,71%)
#80bcd0 rgb(128,188,208) hsl(195,46%,66%)
#6eb2c9 rgb(110,178,201) hsl(195,46%,61%)
#5ba9c2 rgb(91,169,194) hsl(195,46%,56%)
#499fbc rgb(73,159,188) hsl(195,46%,51%)
#3f90ab rgb(63,144,171) hsl(195,46%,46%)
#388199 rgb(56,129,153) hsl(195,46%,41%)
#327186 rgb(50,113,134) hsl(195,46%,36%)
#2b6173 rgb(43,97,115) hsl(195,46%,31%)
#245261 rgb(36,82,97) hsl(195,46%,26%)
#1d424e rgb(29,66,78) hsl(195,46%,21%)
#16323c rgb(22,50,60) hsl(195,46%,16%)
#0f2329 rgb(15,35,41) hsl(195,46%,11%)
#081316 rgb(8,19,22) hsl(195,46%,6%)
#010304 rgb(1,3,4) hsl(195,46%,1%)

Adjacent colors

HEX RGB HSL
#5BC296 rgb(91,194,150) hsl(154,46%,56%)
#5BA9C2 rgb(91,169,194) hsl(195,46%,56%)
#5B63C2 rgb(91,99,194) hsl(235,46%,56%)

Monochromatic colors

HEX RGB HSL
#9DCCDA rgb(157,204,218) hsl(194,45%,74%)
#7CBACE rgb(124,186,206) hsl(195,46%,65%)
#5BA9C2 rgb(91,169,194) hsl(195,46%,56%)
#4094AE rgb(64,148,174) hsl(194,46%,47%)
#34788D rgb(52,120,141) hsl(194,46%,38%)
#285C6C rgb(40,92,108) hsl(194,46%,29%)

Triad color palettes

HEX RGB HSL
#5BA9C2 rgb(91,169,194) hsl(195,46%,56%)
#C25C75 rgb(194,92,117) hsl(345,46%,56%)
#C2A85B rgb(194,168,91) hsl(45,46%,56%)

Tetrad color palettes

HEX RGB HSL
#5BA9C2 rgb(91,169,194) hsl(195,46%,56%)
#C2735B rgb(194,115,91) hsl(14,46%,56%)
#5BC2A7 rgb(91,194,167) hsl(164,46%,56%)
#C2A85B rgb(194,168,91) hsl(45,46%,56%)