HEX #5AA6C2 color — Fountain Blue
The color #5AA6C2 is a light shade and moderately saturated.
Palette
5AA6C2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7f9 |
rgb(240,247,249) |
hsl(196,46%,96%) |
#ddedf3 |
rgb(221,237,243) |
hsl(196,46%,91%) |
#cbe3ec |
rgb(203,227,236) |
hsl(196,46%,86%) |
#b8d9e5 |
rgb(184,217,229) |
hsl(196,46%,81%) |
#a6cfde |
rgb(166,207,222) |
hsl(196,46%,76%) |
#93c5d7 |
rgb(147,197,215) |
hsl(196,46%,71%) |
#80bbd0 |
rgb(128,187,208) |
hsl(196,46%,66%) |
#6eb1c9 |
rgb(110,177,201) |
hsl(196,46%,61%) |
#5ba7c2 |
rgb(91,167,194) |
hsl(196,46%,56%) |
#499dbc |
rgb(73,157,188) |
hsl(196,46%,51%) |
#3f8eab |
rgb(63,142,171) |
hsl(196,46%,46%) |
#387f99 |
rgb(56,127,153) |
hsl(196,46%,41%) |
#327086 |
rgb(50,112,134) |
hsl(196,46%,36%) |
#2b6073 |
rgb(43,96,115) |
hsl(196,46%,31%) |
#245161 |
rgb(36,81,97) |
hsl(196,46%,26%) |
#1d414e |
rgb(29,65,78) |
hsl(196,46%,21%) |
#16323c |
rgb(22,50,60) |
hsl(196,46%,16%) |
#0f2229 |
rgb(15,34,41) |
hsl(196,46%,11%) |
#081316 |
rgb(8,19,22) |
hsl(196,46%,6%) |
#010304 |
rgb(1,3,4) |
hsl(196,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC298 |
rgb(90,194,152) |
hsl(156,46%,56%) |
#5AA6C2 |
rgb(90,166,194) |
hsl(196,46%,56%) |
#5A61C2 |
rgb(90,97,194) |
hsl(236,46%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CC9DA |
rgb(156,201,218) |
hsl(196,46%,73%) |
#7BB8CE |
rgb(123,184,206) |
hsl(196,46%,65%) |
#5AA6C2 |
rgb(90,166,194) |
hsl(196,46%,56%) |
#4091AE |
rgb(64,145,174) |
hsl(196,46%,47%) |
#34758D |
rgb(52,117,141) |
hsl(196,46%,38%) |
#27596B |
rgb(39,89,107) |
hsl(196,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA6C2 |
rgb(90,166,194) |
hsl(196,46%,56%) |
#C25972 |
rgb(194,89,114) |
hsl(346,46%,55%) |
#C2AB5A |
rgb(194,171,90) |
hsl(47,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA6C2 |
rgb(90,166,194) |
hsl(196,46%,56%) |
#C2755A |
rgb(194,117,90) |
hsl(16,46%,56%) |
#5AC2AA |
rgb(90,194,170) |
hsl(166,46%,56%) |
#C2AB5A |
rgb(194,171,90) |
hsl(47,46%,56%) |