HEX #316A87 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316a87 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
#31876A rgb(49,135,106) hsl(160,47%,36%)
#316A87 rgb(49,106,135) hsl(200,47%,36%)
#313087 rgb(49,48,135) hsl(241,48%,36%)

Monochromatic colors

HEX RGB HSL
#387A9C rgb(56,122,156) hsl(200,47%,42%)
#316A87 rgb(49,106,135) hsl(200,47%,36%)
#295971 rgb(41,89,113) hsl(200,47%,30%)
#21475B rgb(33,71,91) hsl(201,47%,24%)
#193846 rgb(25,56,70) hsl(199,47%,19%)
#112630 rgb(17,38,48) hsl(199,48%,13%)

Triad color palettes

HEX RGB HSL
#316A87 rgb(49,106,135) hsl(200,47%,36%)
#87303F rgb(135,48,63) hsl(350,48%,36%)
#877831 rgb(135,120,49) hsl(50,47%,36%)

Tetrad color palettes

HEX RGB HSL
#316A87 rgb(49,106,135) hsl(200,47%,36%)
#874F31 rgb(135,79,49) hsl(21,47%,36%)
#318779 rgb(49,135,121) hsl(170,47%,36%)
#877831 rgb(135,120,49) hsl(50,47%,36%)