HEX #5AB7C4 color — Fountain Blue
The color #5ab7c4 is a light shade and moderately saturated.
Palette
5ab7c4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f8fa |
rgb(240,248,250) |
hsl(187,47%,96%) |
#ddf0f3 |
rgb(221,240,243) |
hsl(187,47%,91%) |
#cbe8ec |
rgb(203,232,236) |
hsl(187,47%,86%) |
#b8e0e5 |
rgb(184,224,229) |
hsl(187,47%,81%) |
#a5d8df |
rgb(165,216,223) |
hsl(187,47%,76%) |
#92d0d8 |
rgb(146,208,216) |
hsl(187,47%,71%) |
#80c8d1 |
rgb(128,200,209) |
hsl(187,47%,66%) |
#6dbfca |
rgb(109,191,202) |
hsl(187,47%,61%) |
#5ab7c4 |
rgb(90,183,196) |
hsl(187,47%,56%) |
#47afbd |
rgb(71,175,189) |
hsl(187,47%,51%) |
#3ea0ac |
rgb(62,160,172) |
hsl(187,47%,46%) |
#378e9a |
rgb(55,142,154) |
hsl(187,47%,41%) |
#317d87 |
rgb(49,125,135) |
hsl(187,47%,36%) |
#2a6c74 |
rgb(42,108,116) |
hsl(187,47%,31%) |
#235a61 |
rgb(35,90,97) |
hsl(187,47%,26%) |
#1c494f |
rgb(28,73,79) |
hsl(187,47%,21%) |
#16383c |
rgb(22,56,60) |
hsl(187,47%,16%) |
#0f2629 |
rgb(15,38,41) |
hsl(187,47%,11%) |
#081516 |
rgb(8,21,22) |
hsl(187,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(187,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC48A |
rgb(90,196,138) |
hsl(147,47%,56%) |
#5AB7C4 |
rgb(90,183,196) |
hsl(187,47%,56%) |
#5A70C4 |
rgb(90,112,196) |
hsl(228,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DD4DC |
rgb(157,212,220) |
hsl(188,47%,74%) |
#7BC7D0 |
rgb(123,199,208) |
hsl(186,47%,65%) |
#5AB7C4 |
rgb(90,183,196) |
hsl(187,47%,56%) |
#3FA3B0 |
rgb(63,163,176) |
hsl(187,47%,47%) |
#33858F |
rgb(51,133,143) |
hsl(187,47%,38%) |
#27666D |
rgb(39,102,109) |
hsl(186,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AB7C4 |
rgb(90,183,196) |
hsl(187,47%,56%) |
#C45982 |
rgb(196,89,130) |
hsl(337,48%,56%) |
#C49C5A |
rgb(196,156,90) |
hsl(37,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AB7C4 |
rgb(90,183,196) |
hsl(187,47%,56%) |
#C4665A |
rgb(196,102,90) |
hsl(7,47%,56%) |
#5AC49C |
rgb(90,196,156) |
hsl(157,47%,56%) |
#C49C5A |
rgb(196,156,90) |
hsl(37,47%,56%) |