HEX #316D8C color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316d8c color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(200,48%,97%)
#e1eef4 rgb(225,238,244) hsl(200,48%,92%)
#cee3ee rgb(206,227,238) hsl(200,48%,87%)
#bbd8e7 rgb(187,216,231) hsl(200,48%,82%)
#a8cee1 rgb(168,206,225) hsl(200,48%,77%)
#95c3da rgb(149,195,218) hsl(200,48%,72%)
#82b8d3 rgb(130,184,211) hsl(200,48%,67%)
#70aecd rgb(112,174,205) hsl(200,48%,62%)
#5da3c6 rgb(93,163,198) hsl(200,48%,57%)
#4a98bf rgb(74,152,191) hsl(200,48%,52%)
#3e8bb1 rgb(62,139,177) hsl(200,48%,47%)
#387c9f rgb(56,124,159) hsl(200,48%,42%)
#316d8c rgb(49,109,140) hsl(200,48%,37%)
#2a5f79 rgb(42,95,121) hsl(200,48%,32%)
#245066 rgb(36,80,102) hsl(200,48%,27%)
#1d4153 rgb(29,65,83) hsl(200,48%,22%)
#173240 rgb(23,50,64) hsl(200,48%,17%)
#10232d rgb(16,35,45) hsl(200,48%,12%)
#09151a rgb(9,21,26) hsl(200,48%,7%)
#030608 rgb(3,6,8) hsl(200,48%,2%)

Adjacent colors

HEX RGB HSL
#318C6E rgb(49,140,110) hsl(160,48%,37%)
#316D8C rgb(49,109,140) hsl(200,48%,37%)
#31308C rgb(49,48,140) hsl(241,49%,37%)

Monochromatic colors

HEX RGB HSL
#3880A2 rgb(56,128,162) hsl(199,49%,43%)
#316D8C rgb(49,109,140) hsl(200,48%,37%)
#295C75 rgb(41,92,117) hsl(200,48%,31%)
#214A5F rgb(33,74,95) hsl(200,48%,25%)
#193848 rgb(25,56,72) hsl(200,48%,19%)
#112632 rgb(17,38,50) hsl(202,49%,13%)

Triad color palettes

HEX RGB HSL
#316D8C rgb(49,109,140) hsl(200,48%,37%)
#8C303F rgb(140,48,63) hsl(350,49%,37%)
#8C7D31 rgb(140,125,49) hsl(50,48%,37%)

Tetrad color palettes

HEX RGB HSL
#316D8C rgb(49,109,140) hsl(200,48%,37%)
#8C4F31 rgb(140,79,49) hsl(20,48%,37%)
#318C7D rgb(49,140,125) hsl(170,48%,37%)
#8C7D31 rgb(140,125,49) hsl(50,48%,37%)