HEX #5A9CBC color — Fountain Blue

The color #5A9CBC is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)