HEX #316E96 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316E96 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(204,51%,99%)
#e8f1f8 rgb(232,241,248) hsl(204,51%,94%)
#d5e6f1 rgb(213,230,241) hsl(204,51%,89%)
#c1daeb rgb(193,218,235) hsl(204,51%,84%)
#aecfe5 rgb(174,207,229) hsl(204,51%,79%)
#9bc3df rgb(155,195,223) hsl(204,51%,74%)
#88b8d8 rgb(136,184,216) hsl(204,51%,69%)
#74add2 rgb(116,173,210) hsl(204,51%,64%)
#61a1cc rgb(97,161,204) hsl(204,51%,59%)
#4e96c6 rgb(78,150,198) hsl(204,51%,54%)
#3d8abd rgb(61,138,189) hsl(204,51%,49%)
#377ca9 rgb(55,124,169) hsl(204,51%,44%)
#316e96 rgb(49,110,150) hsl(204,51%,39%)
#2a6083 rgb(42,96,131) hsl(204,51%,34%)
#245170 rgb(36,81,112) hsl(204,51%,29%)
#1e435c rgb(30,67,92) hsl(204,51%,24%)
#183549 rgb(24,53,73) hsl(204,51%,19%)
#112736 rgb(17,39,54) hsl(204,51%,14%)
#0b1923 rgb(11,25,35) hsl(204,51%,9%)
#050b0f rgb(5,11,15) hsl(204,51%,4%)

Adjacent colors

HEX RGB HSL
#31967A rgb(49,150,122) hsl(163,51%,39%)
#316E96 rgb(49,110,150) hsl(204,51%,39%)
#373096 rgb(55,48,150) hsl(244,52%,39%)

Monochromatic colors

HEX RGB HSL
#3880AE rgb(56,128,174) hsl(203,51%,45%)
#316E96 rgb(49,110,150) hsl(204,51%,39%)
#295C7E rgb(41,92,126) hsl(204,51%,33%)
#214A66 rgb(33,74,102) hsl(204,51%,26%)
#19384E rgb(25,56,78) hsl(205,51%,20%)
#112936 rgb(17,41,54) hsl(201,52%,14%)

Triad color palettes

HEX RGB HSL
#316E96 rgb(49,110,150) hsl(204,51%,39%)
#96303B rgb(150,48,59) hsl(354,52%,39%)
#968C31 rgb(150,140,49) hsl(54,51%,39%)

Tetrad color palettes

HEX RGB HSL
#316E96 rgb(49,110,150) hsl(204,51%,39%)
#965931 rgb(150,89,49) hsl(24,51%,39%)
#31968B rgb(49,150,139) hsl(173,51%,39%)
#968C31 rgb(150,140,49) hsl(54,51%,39%)