HEX #316B85 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316B85 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(199,46%,96%)
#ddecf3 rgb(221,236,243) hsl(199,46%,91%)
#cbe1ec rgb(203,225,236) hsl(199,46%,86%)
#b8d7e5 rgb(184,215,229) hsl(199,46%,81%)
#a6ccde rgb(166,204,222) hsl(199,46%,76%)
#93c2d7 rgb(147,194,215) hsl(199,46%,71%)
#80b7d0 rgb(128,183,208) hsl(199,46%,66%)
#6eacc9 rgb(110,172,201) hsl(199,46%,61%)
#5ba2c2 rgb(91,162,194) hsl(199,46%,56%)
#4997bc rgb(73,151,188) hsl(199,46%,51%)
#3f89ab rgb(63,137,171) hsl(199,46%,46%)
#387a99 rgb(56,122,153) hsl(199,46%,41%)
#326b86 rgb(50,107,134) hsl(199,46%,36%)
#2b5c73 rgb(43,92,115) hsl(199,46%,31%)
#244d61 rgb(36,77,97) hsl(199,46%,26%)
#1d3f4e rgb(29,63,78) hsl(199,46%,21%)
#16303c rgb(22,48,60) hsl(199,46%,16%)
#0f2129 rgb(15,33,41) hsl(199,46%,11%)
#081216 rgb(8,18,22) hsl(199,46%,6%)
#010304 rgb(1,3,4) hsl(199,46%,1%)

Adjacent colors

HEX RGB HSL
#318567 rgb(49,133,103) hsl(159,46%,36%)
#316B85 rgb(49,107,133) hsl(199,46%,36%)
#313385 rgb(49,51,133) hsl(239,46%,36%)

Monochromatic colors

HEX RGB HSL
#387D9A rgb(56,125,154) hsl(198,47%,41%)
#316B85 rgb(49,107,133) hsl(199,46%,36%)
#29596F rgb(41,89,111) hsl(199,46%,30%)
#214A5A rgb(33,74,90) hsl(197,46%,24%)
#193845 rgb(25,56,69) hsl(198,47%,18%)
#11262F rgb(17,38,47) hsl(198,47%,13%)

Triad color palettes

HEX RGB HSL
#316B85 rgb(49,107,133) hsl(199,46%,36%)
#853041 rgb(133,48,65) hsl(348,47%,35%)
#857531 rgb(133,117,49) hsl(49,46%,36%)

Tetrad color palettes

HEX RGB HSL
#316B85 rgb(49,107,133) hsl(199,46%,36%)
#854A31 rgb(133,74,49) hsl(18,46%,36%)
#318575 rgb(49,133,117) hsl(169,46%,36%)
#857531 rgb(133,117,49) hsl(49,46%,36%)