HEX #5B9CBC color — Fountain Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5B9CBC 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
#5BBD9B rgb(91,189,155) hsl(159,43%,55%)
#5B9CBC rgb(91,156,188) hsl(200,42%,55%)
#5B5CBC rgb(91,92,188) hsl(239,42%,55%)

Monochromatic colors

HEX RGB HSL
#9AC2D5 rgb(154,194,213) hsl(199,41%,72%)
#7AB0C8 rgb(122,176,200) hsl(198,41%,63%)
#5B9CBC rgb(91,156,188) hsl(200,42%,55%)
#4387A6 rgb(67,135,166) hsl(199,42%,46%)
#376E86 rgb(55,110,134) hsl(198,42%,37%)
#2A5467 rgb(42,84,103) hsl(199,42%,28%)

Triad color palettes

HEX RGB HSL
#5B9CBC rgb(91,156,188) hsl(200,42%,55%)
#BC5C6B rgb(188,92,107) hsl(351,42%,55%)
#BCAB5B rgb(188,171,91) hsl(49,42%,55%)

Tetrad color palettes

HEX RGB HSL
#5B9CBC rgb(91,156,188) hsl(200,42%,55%)
#BC7A5B rgb(188,122,91) hsl(19,42%,55%)
#5BBDAB rgb(91,189,171) hsl(169,43%,55%)
#BCAB5B rgb(188,171,91) hsl(49,42%,55%)