HEX #31708F color — Calypso

The color #31708F is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

31708F color palette from light to dark

HEX RGB HSL
#f7fbfc rgb(247,251,252) hsl(200,49%,98%)
#e4f0f6 rgb(228,240,246) hsl(200,49%,93%)
#d1e5ef rgb(209,229,239) hsl(200,49%,88%)
#bedbe9 rgb(190,219,233) hsl(200,49%,83%)
#abd0e2 rgb(171,208,226) hsl(200,49%,78%)
#98c5dc rgb(152,197,220) hsl(200,49%,73%)
#85bbd5 rgb(133,187,213) hsl(200,49%,68%)
#72b0cf rgb(114,176,207) hsl(200,49%,63%)
#5fa5c8 rgb(95,165,200) hsl(200,49%,58%)
#4c9bc2 rgb(76,155,194) hsl(200,49%,53%)
#3e8eb6 rgb(62,142,182) hsl(200,49%,48%)
#3880a3 rgb(56,128,163) hsl(200,49%,43%)
#317190 rgb(49,113,144) hsl(200,49%,38%)
#2b627d rgb(43,98,125) hsl(200,49%,33%)
#24536a rgb(36,83,106) hsl(200,49%,28%)
#1e4457 rgb(30,68,87) hsl(200,49%,23%)
#173544 rgb(23,53,68) hsl(200,49%,18%)
#112731 rgb(17,39,49) hsl(200,49%,13%)
#0a181e rgb(10,24,30) hsl(200,49%,8%)
#04090b rgb(4,9,11) hsl(200,49%,3%)

Adjacent colors

HEX RGB HSL
#318F6F rgb(49,143,111) hsl(160,49%,38%)
#31708F rgb(49,112,143) hsl(200,49%,38%)
#31308F rgb(49,48,143) hsl(241,50%,37%)

Monochromatic colors

HEX RGB HSL
#3882A5 rgb(56,130,165) hsl(199,49%,43%)
#31708F rgb(49,112,143) hsl(200,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
#31708F rgb(49,112,143) hsl(200,49%,38%)
#8F3041 rgb(143,48,65) hsl(349,50%,37%)
#8F8031 rgb(143,128,49) hsl(50,49%,38%)

Tetrad color palettes

HEX RGB HSL
#31708F rgb(49,112,143) hsl(200,49%,38%)
#8F4F31 rgb(143,79,49) hsl(19,49%,38%)
#318F7F rgb(49,143,127) hsl(170,49%,38%)
#8F8031 rgb(143,128,49) hsl(50,49%,38%)