HEX #316E90 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316E90 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
#318F72 rgb(49,143,114) hsl(161,49%,38%)
#316E90 rgb(49,110,144) hsl(201,49%,38%)
#333090 rgb(51,48,144) hsl(242,50%,38%)

Monochromatic colors

HEX RGB HSL
#3880A7 rgb(56,128,167) hsl(201,50%,44%)
#316E90 rgb(49,110,144) hsl(201,49%,38%)
#295C78 rgb(41,92,120) hsl(201,49%,32%)
#214A61 rgb(33,74,97) hsl(202,49%,25%)
#19384A rgb(25,56,74) hsl(202,49%,19%)
#112933 rgb(17,41,51) hsl(198,50%,13%)

Triad color palettes

HEX RGB HSL
#316E90 rgb(49,110,144) hsl(201,49%,38%)
#90303E rgb(144,48,62) hsl(351,50%,38%)
#908231 rgb(144,130,49) hsl(51,49%,38%)

Tetrad color palettes

HEX RGB HSL
#316E90 rgb(49,110,144) hsl(201,49%,38%)
#905431 rgb(144,84,49) hsl(22,49%,38%)
#318F82 rgb(49,143,130) hsl(172,49%,38%)
#908231 rgb(144,130,49) hsl(51,49%,38%)