HEX #316F90 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316f90 color palette from light to dark

HEX RGB HSL
#f7fbfc rgb(247,251,252) hsl(201,49%,98%)
#e4f0f6 rgb(228,240,246) hsl(201,49%,93%)
#d1e5ef rgb(209,229,239) hsl(201,49%,88%)
#bedae9 rgb(190,218,233) hsl(201,49%,83%)
#abcfe2 rgb(171,207,226) hsl(201,49%,78%)
#98c4dc rgb(152,196,220) hsl(201,49%,73%)
#85b9d5 rgb(133,185,213) hsl(201,49%,68%)
#72afcf rgb(114,175,207) hsl(201,49%,63%)
#5fa4c8 rgb(95,164,200) hsl(201,49%,58%)
#4c99c2 rgb(76,153,194) hsl(201,49%,53%)
#3e8cb6 rgb(62,140,182) hsl(201,49%,48%)
#387ea3 rgb(56,126,163) hsl(201,49%,43%)
#316f90 rgb(49,111,144) hsl(201,49%,38%)
#2b617d rgb(43,97,125) hsl(201,49%,33%)
#24526a rgb(36,82,106) hsl(201,49%,28%)
#1e4357 rgb(30,67,87) hsl(201,49%,23%)
#173544 rgb(23,53,68) hsl(201,49%,18%)
#112631 rgb(17,38,49) hsl(201,49%,13%)
#0a171e rgb(10,23,30) hsl(201,49%,8%)
#04090b rgb(4,9,11) hsl(201,49%,3%)

Adjacent colors

HEX RGB HSL
#318F71 rgb(49,143,113) hsl(161,49%,38%)
#316F90 rgb(49,111,144) hsl(201,49%,38%)
#323090 rgb(50,48,144) hsl(241,50%,38%)

Monochromatic colors

HEX RGB HSL
#3880A7 rgb(56,128,167) hsl(201,50%,44%)
#316F90 rgb(49,111,144) hsl(201,49%,38%)
#295E78 rgb(41,94,120) hsl(200,49%,32%)
#214D61 rgb(33,77,97) hsl(199,49%,25%)
#193B4A rgb(25,59,74) hsl(198,49%,19%)
#112933 rgb(17,41,51) hsl(198,50%,13%)

Triad color palettes

HEX RGB HSL
#316F90 rgb(49,111,144) hsl(201,49%,38%)
#90303F rgb(144,48,63) hsl(351,50%,38%)
#908231 rgb(144,130,49) hsl(51,49%,38%)

Tetrad color palettes

HEX RGB HSL
#316F90 rgb(49,111,144) hsl(201,49%,38%)
#905231 rgb(144,82,49) hsl(21,49%,38%)
#318F81 rgb(49,143,129) hsl(171,49%,38%)
#908231 rgb(144,130,49) hsl(51,49%,38%)