HEX #5BA3C2 color — Fountain Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3C2 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(198,46%,96%)
#ddecf3 rgb(221,236,243) hsl(198,46%,91%)
#cbe2ec rgb(203,226,236) hsl(198,46%,86%)
#b8d7e5 rgb(184,215,229) hsl(198,46%,81%)
#a6cdde rgb(166,205,222) hsl(198,46%,76%)
#93c3d7 rgb(147,195,215) hsl(198,46%,71%)
#80b8d0 rgb(128,184,208) hsl(198,46%,66%)
#6eaec9 rgb(110,174,201) hsl(198,46%,61%)
#5ba3c2 rgb(91,163,194) hsl(198,46%,56%)
#4999bc rgb(73,153,188) hsl(198,46%,51%)
#3f8bab rgb(63,139,171) hsl(198,46%,46%)
#387c99 rgb(56,124,153) hsl(198,46%,41%)
#326d86 rgb(50,109,134) hsl(198,46%,36%)
#2b5e73 rgb(43,94,115) hsl(198,46%,31%)
#244e61 rgb(36,78,97) hsl(198,46%,26%)
#1d3f4e rgb(29,63,78) hsl(198,46%,21%)
#16303c rgb(22,48,60) hsl(198,46%,16%)
#0f2129 rgb(15,33,41) hsl(198,46%,11%)
#081216 rgb(8,18,22) hsl(198,46%,6%)
#010304 rgb(1,3,4) hsl(198,46%,1%)

Adjacent colors

HEX RGB HSL
#5BC29C rgb(91,194,156) hsl(158,46%,56%)
#5BA3C2 rgb(91,163,194) hsl(198,46%,56%)
#5B5EC2 rgb(91,94,194) hsl(238,46%,56%)

Monochromatic colors

HEX RGB HSL
#9DC9DA rgb(157,201,218) hsl(197,45%,74%)
#7CB5CE rgb(124,181,206) hsl(198,46%,65%)
#5BA3C2 rgb(91,163,194) hsl(198,46%,56%)
#408CAE rgb(64,140,174) hsl(199,46%,47%)
#34738D rgb(52,115,141) hsl(198,46%,38%)
#28576C rgb(40,87,108) hsl(199,46%,29%)

Triad color palettes

HEX RGB HSL
#5BA3C2 rgb(91,163,194) hsl(198,46%,56%)
#C25C6F rgb(194,92,111) hsl(349,46%,56%)
#C2AD5B rgb(194,173,91) hsl(48,46%,56%)

Tetrad color palettes

HEX RGB HSL
#5BA3C2 rgb(91,163,194) hsl(198,46%,56%)
#C27A5B rgb(194,122,91) hsl(18,46%,56%)
#5BC2AD rgb(91,194,173) hsl(168,46%,56%)
#C2AD5B rgb(194,173,91) hsl(48,46%,56%)