HEX #316E83 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316E83 color palette from light to dark

HEX RGB HSL
#ecf5f8 rgb(236,245,248) hsl(195,46%,95%)
#daebf1 rgb(218,235,241) hsl(195,46%,90%)
#c7e2ea rgb(199,226,234) hsl(195,46%,85%)
#b5d8e3 rgb(181,216,227) hsl(195,46%,80%)
#a2cedd rgb(162,206,221) hsl(195,46%,75%)
#8fc4d6 rgb(143,196,214) hsl(195,46%,70%)
#7dbacf rgb(125,186,207) hsl(195,46%,65%)
#6ab0c8 rgb(106,176,200) hsl(195,46%,60%)
#57a7c1 rgb(87,167,193) hsl(195,46%,55%)
#459dba rgb(69,157,186) hsl(195,46%,50%)
#3e8da8 rgb(62,141,168) hsl(195,46%,45%)
#377d95 rgb(55,125,149) hsl(195,46%,40%)
#306e82 rgb(48,110,130) hsl(195,46%,35%)
#295e70 rgb(41,94,112) hsl(195,46%,30%)
#224e5d rgb(34,78,93) hsl(195,46%,25%)
#1c3f4a rgb(28,63,74) hsl(195,46%,20%)
#152f38 rgb(21,47,56) hsl(195,46%,15%)
#0e1f25 rgb(14,31,37) hsl(195,46%,10%)
#071013 rgb(7,16,19) hsl(195,46%,5%)

Adjacent colors

HEX RGB HSL
#318261 rgb(49,130,97) hsl(156,45%,35%)
#316E83 rgb(49,110,131) hsl(195,46%,35%)
#313883 rgb(49,56,131) hsl(235,46%,35%)

Monochromatic colors

HEX RGB HSL
#388097 rgb(56,128,151) hsl(195,46%,41%)
#316E83 rgb(49,110,131) hsl(195,46%,35%)
#295C6E rgb(41,92,110) hsl(196,46%,30%)
#214A59 rgb(33,74,89) hsl(196,46%,24%)
#193844 rgb(25,56,68) hsl(197,46%,18%)
#11292F rgb(17,41,47) hsl(192,47%,13%)

Triad color palettes

HEX RGB HSL
#316E83 rgb(49,110,131) hsl(195,46%,35%)
#833045 rgb(131,48,69) hsl(345,46%,35%)
#837031 rgb(131,112,49) hsl(46,46%,35%)

Tetrad color palettes

HEX RGB HSL
#316E83 rgb(49,110,131) hsl(195,46%,35%)
#834531 rgb(131,69,49) hsl(15,46%,35%)
#31826F rgb(49,130,111) hsl(166,45%,35%)
#837031 rgb(131,112,49) hsl(46,46%,35%)