HEX #316E86 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316E86 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(197,46%,96%)
#ddedf3 rgb(221,237,243) hsl(197,46%,91%)
#cbe2ec rgb(203,226,236) hsl(197,46%,86%)
#b8d8e5 rgb(184,216,229) hsl(197,46%,81%)
#a6cede rgb(166,206,222) hsl(197,46%,76%)
#93c4d7 rgb(147,196,215) hsl(197,46%,71%)
#80bad0 rgb(128,186,208) hsl(197,46%,66%)
#6eafc9 rgb(110,175,201) hsl(197,46%,61%)
#5ba5c2 rgb(91,165,194) hsl(197,46%,56%)
#499bbc rgb(73,155,188) hsl(197,46%,51%)
#3f8dab rgb(63,141,171) hsl(197,46%,46%)
#387d99 rgb(56,125,153) hsl(197,46%,41%)
#326e86 rgb(50,110,134) hsl(197,46%,36%)
#2b5f73 rgb(43,95,115) hsl(197,46%,31%)
#245061 rgb(36,80,97) hsl(197,46%,26%)
#1d404e rgb(29,64,78) hsl(197,46%,21%)
#16313c rgb(22,49,60) hsl(197,46%,16%)
#0f2229 rgb(15,34,41) hsl(197,46%,11%)
#081216 rgb(8,18,22) hsl(197,46%,6%)
#010304 rgb(1,3,4) hsl(197,46%,1%)

Adjacent colors

HEX RGB HSL
#318765 rgb(49,135,101) hsl(156,47%,36%)
#316E86 rgb(49,110,134) hsl(197,46%,36%)
#313686 rgb(49,54,134) hsl(236,46%,36%)

Monochromatic colors

HEX RGB HSL
#38809B rgb(56,128,155) hsl(196,47%,41%)
#316E86 rgb(49,110,134) hsl(197,46%,36%)
#295C70 rgb(41,92,112) hsl(197,46%,30%)
#214A5B rgb(33,74,91) hsl(198,47%,24%)
#193845 rgb(25,56,69) hsl(198,47%,18%)
#112930 rgb(17,41,48) hsl(194,48%,13%)

Triad color palettes

HEX RGB HSL
#316E86 rgb(49,110,134) hsl(197,46%,36%)
#863043 rgb(134,48,67) hsl(347,47%,36%)
#867331 rgb(134,115,49) hsl(47,46%,36%)

Tetrad color palettes

HEX RGB HSL
#316E86 rgb(49,110,134) hsl(197,46%,36%)
#864A31 rgb(134,74,49) hsl(18,46%,36%)
#318773 rgb(49,135,115) hsl(166,47%,36%)
#867331 rgb(134,115,49) hsl(47,46%,36%)