HEX #316E88 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316E88 color palette from light to dark

HEX RGB HSL
#f0f7fa rgb(240,247,250) hsl(198,47%,96%)
#ddecf3 rgb(221,236,243) hsl(198,47%,91%)
#cbe2ec rgb(203,226,236) hsl(198,47%,86%)
#b8d8e5 rgb(184,216,229) hsl(198,47%,81%)
#a5cddf rgb(165,205,223) hsl(198,47%,76%)
#92c3d8 rgb(146,195,216) hsl(198,47%,71%)
#80b9d1 rgb(128,185,209) hsl(198,47%,66%)
#6daeca rgb(109,174,202) hsl(198,47%,61%)
#5aa4c4 rgb(90,164,196) hsl(198,47%,56%)
#479abd rgb(71,154,189) hsl(198,47%,51%)
#3e8bac rgb(62,139,172) hsl(198,47%,46%)
#377c9a rgb(55,124,154) hsl(198,47%,41%)
#316d87 rgb(49,109,135) hsl(198,47%,36%)
#2a5e74 rgb(42,94,116) hsl(198,47%,31%)
#234f61 rgb(35,79,97) hsl(198,47%,26%)
#1c404f rgb(28,64,79) hsl(198,47%,21%)
#16303c rgb(22,48,60) hsl(198,47%,16%)
#0f2129 rgb(15,33,41) hsl(198,47%,11%)
#081216 rgb(8,18,22) hsl(198,47%,6%)
#010304 rgb(1,3,4) hsl(198,47%,1%)

Adjacent colors

HEX RGB HSL
#318768 rgb(49,135,104) hsl(158,47%,36%)
#316E88 rgb(49,110,136) hsl(198,47%,36%)
#313388 rgb(49,51,136) hsl(239,47%,36%)

Monochromatic colors

HEX RGB HSL
#38809D rgb(56,128,157) hsl(197,47%,42%)
#316E88 rgb(49,110,136) hsl(198,47%,36%)
#295C72 rgb(41,92,114) hsl(198,47%,30%)
#214A5C rgb(33,74,92) hsl(198,47%,25%)
#193846 rgb(25,56,70) hsl(199,47%,19%)
#112930 rgb(17,41,48) hsl(194,48%,13%)

Triad color palettes

HEX RGB HSL
#316E88 rgb(49,110,136) hsl(198,47%,36%)
#883042 rgb(136,48,66) hsl(348,48%,36%)
#887531 rgb(136,117,49) hsl(47,47%,36%)

Tetrad color palettes

HEX RGB HSL
#316E88 rgb(49,110,136) hsl(198,47%,36%)
#884A31 rgb(136,74,49) hsl(17,47%,36%)
#318776 rgb(49,135,118) hsl(168,47%,36%)
#887531 rgb(136,117,49) hsl(47,47%,36%)