HEX #5A9CBC color — Fountain Blue
The color #5A9CBC is a light shade and moderately saturated.
Palette
5A9CBC color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(200,42%,95%) |
#dbe9f0 |
rgb(219,233,240) |
hsl(200,42%,90%) |
#c9dee9 |
rgb(201,222,233) |
hsl(200,42%,85%) |
#b7d3e1 |
rgb(183,211,225) |
hsl(200,42%,80%) |
#a4c8da |
rgb(164,200,218) |
hsl(200,42%,75%) |
#92bdd3 |
rgb(146,189,211) |
hsl(200,42%,70%) |
#80b2cb |
rgb(128,178,203) |
hsl(200,42%,65%) |
#6ea7c4 |
rgb(110,167,196) |
hsl(200,42%,60%) |
#5c9cbc |
rgb(92,156,188) |
hsl(200,42%,55%) |
#4a91b5 |
rgb(74,145,181) |
hsl(200,42%,50%) |
#4383a3 |
rgb(67,131,163) |
hsl(200,42%,45%) |
#3b7491 |
rgb(59,116,145) |
hsl(200,42%,40%) |
#34667f |
rgb(52,102,127) |
hsl(200,42%,35%) |
#2c576d |
rgb(44,87,109) |
hsl(200,42%,30%) |
#25495b |
rgb(37,73,91) |
hsl(200,42%,25%) |
#1e3a48 |
rgb(30,58,72) |
hsl(200,42%,20%) |
#162c36 |
rgb(22,44,54) |
hsl(200,42%,15%) |
#0f1d24 |
rgb(15,29,36) |
hsl(200,42%,10%) |
#070f12 |
rgb(7,15,18) |
hsl(200,42%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABD9A |
rgb(90,189,154) |
hsl(159,43%,55%) |
#5A9CBC |
rgb(90,156,188) |
hsl(200,42%,55%) |
#5A5CBC |
rgb(90,92,188) |
hsl(239,42%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99C2D5 |
rgb(153,194,213) |
hsl(199,42%,72%) |
#79B0C8 |
rgb(121,176,200) |
hsl(198,42%,63%) |
#5A9CBC |
rgb(90,156,188) |
hsl(200,42%,55%) |
#4385A6 |
rgb(67,133,166) |
hsl(200,42%,46%) |
#366B86 |
rgb(54,107,134) |
hsl(200,43%,37%) |
#295266 |
rgb(41,82,102) |
hsl(200,43%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A9CBC |
rgb(90,156,188) |
hsl(200,42%,55%) |
#BC596B |
rgb(188,89,107) |
hsl(349,42%,54%) |
#BCAB5A |
rgb(188,171,90) |
hsl(50,42%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A9CBC |
rgb(90,156,188) |
hsl(200,42%,55%) |
#BC7A5A |
rgb(188,122,90) |
hsl(20,42%,55%) |
#5ABDAB |
rgb(90,189,171) |
hsl(169,43%,55%) |
#BCAB5A |
rgb(188,171,90) |
hsl(50,42%,55%) |