HEX #316687 color — Calypso

The color #316687 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316687 color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(203,47%,96%)
#ddebf3 rgb(221,235,243) hsl(203,47%,91%)
#cbdfec rgb(203,223,236) hsl(203,47%,86%)
#b8d4e5 rgb(184,212,229) hsl(203,47%,81%)
#a5c9df rgb(165,201,223) hsl(203,47%,76%)
#92bdd8 rgb(146,189,216) hsl(203,47%,71%)
#80b2d1 rgb(128,178,209) hsl(203,47%,66%)
#6da6ca rgb(109,166,202) hsl(203,47%,61%)
#5a9bc4 rgb(90,155,196) hsl(203,47%,56%)
#4790bd rgb(71,144,189) hsl(203,47%,51%)
#3e82ac rgb(62,130,172) hsl(203,47%,46%)
#37749a rgb(55,116,154) hsl(203,47%,41%)
#316687 rgb(49,102,135) hsl(203,47%,36%)
#2a5874 rgb(42,88,116) hsl(203,47%,31%)
#234a61 rgb(35,74,97) hsl(203,47%,26%)
#1c3b4f rgb(28,59,79) hsl(203,47%,21%)
#162d3c rgb(22,45,60) hsl(203,47%,16%)
#0f1f29 rgb(15,31,41) hsl(203,47%,11%)
#081116 rgb(8,17,22) hsl(203,47%,6%)
#010304 rgb(1,3,4) hsl(203,47%,1%)

Adjacent colors

HEX RGB HSL
#31876E rgb(49,135,110) hsl(163,47%,36%)
#316687 rgb(49,102,135) hsl(203,47%,36%)
#353087 rgb(53,48,135) hsl(243,48%,36%)

Monochromatic colors

HEX RGB HSL
#38759C rgb(56,117,156) hsl(203,47%,42%)
#316687 rgb(49,102,135) hsl(203,47%,36%)
#295771 rgb(41,87,113) hsl(202,47%,30%)
#21455B rgb(33,69,91) hsl(203,47%,24%)
#193646 rgb(25,54,70) hsl(201,47%,19%)
#112430 rgb(17,36,48) hsl(203,48%,13%)

Triad color palettes

HEX RGB HSL
#316687 rgb(49,102,135) hsl(203,47%,36%)
#87303B rgb(135,48,59) hsl(352,48%,36%)
#877D31 rgb(135,125,49) hsl(53,47%,36%)

Tetrad color palettes

HEX RGB HSL
#316687 rgb(49,102,135) hsl(203,47%,36%)
#875231 rgb(135,82,49) hsl(23,47%,36%)
#31877D rgb(49,135,125) hsl(173,47%,36%)
#877D31 rgb(135,125,49) hsl(53,47%,36%)