HEX #5BA3BC color — Fountain Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3BC color palette from light to dark

HEX RGB HSL
#edf5f8 rgb(237,245,248) hsl(195,42%,95%)
#dbebf0 rgb(219,235,240) hsl(195,42%,90%)
#c9e1e9 rgb(201,225,233) hsl(195,42%,85%)
#b7d7e1 rgb(183,215,225) hsl(195,42%,80%)
#a4cdda rgb(164,205,218) hsl(195,42%,75%)
#92c3d3 rgb(146,195,211) hsl(195,42%,70%)
#80b8cb rgb(128,184,203) hsl(195,42%,65%)
#6eaec4 rgb(110,174,196) hsl(195,42%,60%)
#5ca4bc rgb(92,164,188) hsl(195,42%,55%)
#4a9ab5 rgb(74,154,181) hsl(195,42%,50%)
#438ba3 rgb(67,139,163) hsl(195,42%,45%)
#3b7b91 rgb(59,123,145) hsl(195,42%,40%)
#346c7f rgb(52,108,127) hsl(195,42%,35%)
#2c5d6d rgb(44,93,109) hsl(195,42%,30%)
#254d5b rgb(37,77,91) hsl(195,42%,25%)
#1e3e48 rgb(30,62,72) hsl(195,42%,20%)
#162e36 rgb(22,46,54) hsl(195,42%,15%)
#0f1f24 rgb(15,31,36) hsl(195,42%,10%)
#070f12 rgb(7,15,18) hsl(195,42%,5%)

Adjacent colors

HEX RGB HSL
#5BBD94 rgb(91,189,148) hsl(155,43%,55%)
#5BA3BC rgb(91,163,188) hsl(195,42%,55%)
#5B63BC rgb(91,99,188) hsl(235,42%,55%)

Monochromatic colors

HEX RGB HSL
#9AC7D5 rgb(154,199,213) hsl(194,41%,72%)
#7AB5C8 rgb(122,181,200) hsl(195,41%,63%)
#5BA3BC rgb(91,163,188) hsl(195,42%,55%)
#438CA6 rgb(67,140,166) hsl(196,42%,46%)
#377386 rgb(55,115,134) hsl(194,42%,37%)
#2A5767 rgb(42,87,103) hsl(196,42%,28%)

Triad color palettes

HEX RGB HSL
#5BA3BC rgb(91,163,188) hsl(195,42%,55%)
#BC5C72 rgb(188,92,114) hsl(346,42%,55%)
#BCA65B rgb(188,166,91) hsl(46,42%,55%)

Tetrad color palettes

HEX RGB HSL
#5BA3BC rgb(91,163,188) hsl(195,42%,55%)
#BC735B rgb(188,115,91) hsl(15,42%,55%)
#5BBDA4 rgb(91,189,164) hsl(165,43%,55%)
#BCA65B rgb(188,166,91) hsl(46,42%,55%)