HEX #5AA6C4 color — Fountain Blue
The color #5aa6c4 is a light shade and moderately saturated.
Palette
5aa6c4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7fa |
rgb(240,247,250) |
hsl(197,47%,96%) |
#ddedf3 |
rgb(221,237,243) |
hsl(197,47%,91%) |
#cbe3ec |
rgb(203,227,236) |
hsl(197,47%,86%) |
#b8d8e5 |
rgb(184,216,229) |
hsl(197,47%,81%) |
#a5cedf |
rgb(165,206,223) |
hsl(197,47%,76%) |
#92c4d8 |
rgb(146,196,216) |
hsl(197,47%,71%) |
#80bad1 |
rgb(128,186,209) |
hsl(197,47%,66%) |
#6db0ca |
rgb(109,176,202) |
hsl(197,47%,61%) |
#5aa6c4 |
rgb(90,166,196) |
hsl(197,47%,56%) |
#479bbd |
rgb(71,155,189) |
hsl(197,47%,51%) |
#3e8dac |
rgb(62,141,172) |
hsl(197,47%,46%) |
#377e9a |
rgb(55,126,154) |
hsl(197,47%,41%) |
#316e87 |
rgb(49,110,135) |
hsl(197,47%,36%) |
#2a5f74 |
rgb(42,95,116) |
hsl(197,47%,31%) |
#235061 |
rgb(35,80,97) |
hsl(197,47%,26%) |
#1c404f |
rgb(28,64,79) |
hsl(197,47%,21%) |
#16313c |
rgb(22,49,60) |
hsl(197,47%,16%) |
#0f2229 |
rgb(15,34,41) |
hsl(197,47%,11%) |
#081216 |
rgb(8,18,22) |
hsl(197,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(197,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC49B |
rgb(90,196,155) |
hsl(157,47%,56%) |
#5AA6C4 |
rgb(90,166,196) |
hsl(197,47%,56%) |
#5A5EC4 |
rgb(90,94,196) |
hsl(238,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DC9DC |
rgb(157,201,220) |
hsl(198,47%,74%) |
#7BB8D0 |
rgb(123,184,208) |
hsl(197,47%,65%) |
#5AA6C4 |
rgb(90,166,196) |
hsl(197,47%,56%) |
#3F91B0 |
rgb(63,145,176) |
hsl(196,47%,47%) |
#33758F |
rgb(51,117,143) |
hsl(197,47%,38%) |
#27596D |
rgb(39,89,109) |
hsl(197,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA6C4 |
rgb(90,166,196) |
hsl(197,47%,56%) |
#C45971 |
rgb(196,89,113) |
hsl(347,48%,56%) |
#C4AD5A |
rgb(196,173,90) |
hsl(47,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA6C4 |
rgb(90,166,196) |
hsl(197,47%,56%) |
#C4785A |
rgb(196,120,90) |
hsl(17,47%,56%) |
#5AC4AD |
rgb(90,196,173) |
hsl(167,47%,56%) |
#C4AD5A |
rgb(196,173,90) |
hsl(47,47%,56%) |