HEX #316B89 color — Calypso

The color #316B89 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316B89 color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(200,47%,96%)
#ddecf3 rgb(221,236,243) hsl(200,47%,91%)
#cbe1ec rgb(203,225,236) hsl(200,47%,86%)
#b8d6e5 rgb(184,214,229) hsl(200,47%,81%)
#a5cbdf rgb(165,203,223) hsl(200,47%,76%)
#92c1d8 rgb(146,193,216) hsl(200,47%,71%)
#80b6d1 rgb(128,182,209) hsl(200,47%,66%)
#6dabca rgb(109,171,202) hsl(200,47%,61%)
#5aa0c4 rgb(90,160,196) hsl(200,47%,56%)
#4796bd rgb(71,150,189) hsl(200,47%,51%)
#3e88ac rgb(62,136,172) hsl(200,47%,46%)
#37799a rgb(55,121,154) hsl(200,47%,41%)
#316a87 rgb(49,106,135) hsl(200,47%,36%)
#2a5b74 rgb(42,91,116) hsl(200,47%,31%)
#234d61 rgb(35,77,97) hsl(200,47%,26%)
#1c3e4f rgb(28,62,79) hsl(200,47%,21%)
#162f3c rgb(22,47,60) hsl(200,47%,16%)
#0f2029 rgb(15,32,41) hsl(200,47%,11%)
#081216 rgb(8,18,22) hsl(200,47%,6%)
#010304 rgb(1,3,4) hsl(200,47%,1%)

Adjacent colors

HEX RGB HSL
#318A6C rgb(49,138,108) hsl(160,48%,37%)
#316B89 rgb(49,107,137) hsl(200,47%,36%)
#313089 rgb(49,48,137) hsl(241,48%,36%)

Monochromatic colors

HEX RGB HSL
#387D9E rgb(56,125,158) hsl(199,48%,42%)
#316B89 rgb(49,107,137) hsl(200,47%,36%)
#295973 rgb(41,89,115) hsl(201,47%,31%)
#214A5D rgb(33,74,93) hsl(199,48%,25%)
#193847 rgb(25,56,71) hsl(200,48%,19%)
#112631 rgb(17,38,49) hsl(201,48%,13%)

Triad color palettes

HEX RGB HSL
#316B89 rgb(49,107,137) hsl(200,47%,36%)
#89303F rgb(137,48,63) hsl(350,48%,36%)
#897A31 rgb(137,122,49) hsl(50,47%,36%)

Tetrad color palettes

HEX RGB HSL
#316B89 rgb(49,107,137) hsl(200,47%,36%)
#894F31 rgb(137,79,49) hsl(20,47%,36%)
#318A7B rgb(49,138,123) hsl(170,48%,37%)
#897A31 rgb(137,122,49) hsl(50,47%,36%)