HEX #5BA5C2 color — Fountain Blue
The color #5ba5c2 is a light shade and moderately saturated.
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%) |