HEX #316B90 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316B90 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(203,49%,98%)
#e4eff6 rgb(228,239,246) hsl(203,49%,93%)
#d1e4ef rgb(209,228,239) hsl(203,49%,88%)
#bed9e9 rgb(190,217,233) hsl(203,49%,83%)
#abcde2 rgb(171,205,226) hsl(203,49%,78%)
#98c2dc rgb(152,194,220) hsl(203,49%,73%)
#85b7d5 rgb(133,183,213) hsl(203,49%,68%)
#72abcf rgb(114,171,207) hsl(203,49%,63%)
#5fa0c8 rgb(95,160,200) hsl(203,49%,58%)
#4c95c2 rgb(76,149,194) hsl(203,49%,53%)
#3e88b6 rgb(62,136,182) hsl(203,49%,48%)
#387aa3 rgb(56,122,163) hsl(203,49%,43%)
#316c90 rgb(49,108,144) hsl(203,49%,38%)
#2b5e7d rgb(43,94,125) hsl(203,49%,33%)
#24506a rgb(36,80,106) hsl(203,49%,28%)
#1e4157 rgb(30,65,87) hsl(203,49%,23%)
#173344 rgb(23,51,68) hsl(203,49%,18%)
#112531 rgb(17,37,49) hsl(203,49%,13%)
#0a171e rgb(10,23,30) hsl(203,49%,8%)
#04090b rgb(4,9,11) hsl(203,49%,3%)

Adjacent colors

HEX RGB HSL
#318F75 rgb(49,143,117) hsl(163,49%,38%)
#316B90 rgb(49,107,144) hsl(203,49%,38%)
#363090 rgb(54,48,144) hsl(244,50%,38%)

Monochromatic colors

HEX RGB HSL
#387DA7 rgb(56,125,167) hsl(203,50%,44%)
#316B90 rgb(49,107,144) hsl(203,49%,38%)
#295978 rgb(41,89,120) hsl(204,49%,32%)
#214A61 rgb(33,74,97) hsl(202,49%,25%)
#19384A rgb(25,56,74) hsl(202,49%,19%)
#112633 rgb(17,38,51) hsl(203,50%,13%)

Triad color palettes

HEX RGB HSL
#316B90 rgb(49,107,144) hsl(203,49%,38%)
#90303B rgb(144,48,59) hsl(353,50%,38%)
#908531 rgb(144,133,49) hsl(53,49%,38%)

Tetrad color palettes

HEX RGB HSL
#316B90 rgb(49,107,144) hsl(203,49%,38%)
#905731 rgb(144,87,49) hsl(24,49%,38%)
#318F85 rgb(49,143,133) hsl(174,49%,38%)
#908531 rgb(144,133,49) hsl(53,49%,38%)