HEX #316686 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316686 color palette from light to dark

HEX RGB HSL
#f0f6f9 rgb(240,246,249) hsl(203,46%,96%)
#ddebf3 rgb(221,235,243) hsl(203,46%,91%)
#cbdfec rgb(203,223,236) hsl(203,46%,86%)
#b8d4e5 rgb(184,212,229) hsl(203,46%,81%)
#a6c8de rgb(166,200,222) hsl(203,46%,76%)
#93bdd7 rgb(147,189,215) hsl(203,46%,71%)
#80b2d0 rgb(128,178,208) hsl(203,46%,66%)
#6ea6c9 rgb(110,166,201) hsl(203,46%,61%)
#5b9bc2 rgb(91,155,194) hsl(203,46%,56%)
#498fbc rgb(73,143,188) hsl(203,46%,51%)
#3f82ab rgb(63,130,171) hsl(203,46%,46%)
#387499 rgb(56,116,153) hsl(203,46%,41%)
#326686 rgb(50,102,134) hsl(203,46%,36%)
#2b5873 rgb(43,88,115) hsl(203,46%,31%)
#244961 rgb(36,73,97) hsl(203,46%,26%)
#1d3b4e rgb(29,59,78) hsl(203,46%,21%)
#162d3c rgb(22,45,60) hsl(203,46%,16%)
#0f1f29 rgb(15,31,41) hsl(203,46%,11%)
#081116 rgb(8,17,22) hsl(203,46%,6%)
#010304 rgb(1,3,4) hsl(203,46%,1%)

Adjacent colors

HEX RGB HSL
#31876D rgb(49,135,109) hsl(162,47%,36%)
#316686 rgb(49,102,134) hsl(203,46%,36%)
#343086 rgb(52,48,134) hsl(243,47%,36%)

Monochromatic colors

HEX RGB HSL
#38759B rgb(56,117,155) hsl(203,47%,41%)
#316686 rgb(49,102,134) hsl(203,46%,36%)
#295770 rgb(41,87,112) hsl(201,46%,30%)
#21455B rgb(33,69,91) hsl(203,47%,24%)
#193645 rgb(25,54,69) hsl(200,47%,18%)
#112430 rgb(17,36,48) hsl(203,48%,13%)

Triad color palettes

HEX RGB HSL
#316686 rgb(49,102,134) hsl(203,46%,36%)
#86303B rgb(134,48,59) hsl(352,47%,36%)
#867A31 rgb(134,122,49) hsl(52,46%,36%)

Tetrad color palettes

HEX RGB HSL
#316686 rgb(49,102,134) hsl(203,46%,36%)
#865231 rgb(134,82,49) hsl(23,46%,36%)
#31877B rgb(49,135,123) hsl(172,47%,36%)
#867A31 rgb(134,122,49) hsl(52,46%,36%)