HEX #316B93 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316B93 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(204,50%,98%)
#e4eff6 rgb(228,239,246) hsl(204,50%,93%)
#d1e3f0 rgb(209,227,240) hsl(204,50%,88%)
#bed8e9 rgb(190,216,233) hsl(204,50%,83%)
#abcde3 rgb(171,205,227) hsl(204,50%,78%)
#98c1dd rgb(152,193,221) hsl(204,50%,73%)
#85b6d6 rgb(133,182,214) hsl(204,50%,68%)
#71aad0 rgb(113,170,208) hsl(204,50%,63%)
#5e9fc9 rgb(94,159,201) hsl(204,50%,58%)
#4b93c3 rgb(75,147,195) hsl(204,50%,53%)
#3d87b8 rgb(61,135,184) hsl(204,50%,48%)
#3779a4 rgb(55,121,164) hsl(204,50%,43%)
#306b91 rgb(48,107,145) hsl(204,50%,38%)
#2a5d7e rgb(42,93,126) hsl(204,50%,33%)
#244f6b rgb(36,79,107) hsl(204,50%,28%)
#1d4158 rgb(29,65,88) hsl(204,50%,23%)
#173245 rgb(23,50,69) hsl(204,50%,18%)
#112432 rgb(17,36,50) hsl(204,50%,13%)
#0a161f rgb(10,22,31) hsl(204,50%,8%)
#04080b rgb(4,8,11) hsl(204,50%,3%)

Adjacent colors

HEX RGB HSL
#319479 rgb(49,148,121) hsl(164,50%,39%)
#316B93 rgb(49,107,147) hsl(204,50%,38%)
#383093 rgb(56,48,147) hsl(245,51%,38%)

Monochromatic colors

HEX RGB HSL
#387DAA rgb(56,125,170) hsl(204,50%,44%)
#316B93 rgb(49,107,147) hsl(204,50%,38%)
#29597B rgb(41,89,123) hsl(205,50%,32%)
#214A63 rgb(33,74,99) hsl(203,50%,26%)
#19384C rgb(25,56,76) hsl(204,50%,20%)
#112634 rgb(17,38,52) hsl(204,51%,14%)

Triad color palettes

HEX RGB HSL
#316B93 rgb(49,107,147) hsl(204,50%,38%)
#93303A rgb(147,48,58) hsl(354,51%,38%)
#938A31 rgb(147,138,49) hsl(54,50%,38%)

Tetrad color palettes

HEX RGB HSL
#316B93 rgb(49,107,147) hsl(204,50%,38%)
#935931 rgb(147,89,49) hsl(24,50%,38%)
#31948A rgb(49,148,138) hsl(174,50%,39%)
#938A31 rgb(147,138,49) hsl(54,50%,38%)