HEX #317396 color — Calypso

The color #317396 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

317396 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(201,51%,99%)
#e8f2f8 rgb(232,242,248) hsl(201,51%,94%)
#d5e7f1 rgb(213,231,241) hsl(201,51%,89%)
#c1dceb rgb(193,220,235) hsl(201,51%,84%)
#aed2e5 rgb(174,210,229) hsl(201,51%,79%)
#9bc7df rgb(155,199,223) hsl(201,51%,74%)
#88bcd8 rgb(136,188,216) hsl(201,51%,69%)
#74b1d2 rgb(116,177,210) hsl(201,51%,64%)
#61a6cc rgb(97,166,204) hsl(201,51%,59%)
#4e9cc6 rgb(78,156,198) hsl(201,51%,54%)
#3d90bd rgb(61,144,189) hsl(201,51%,49%)
#3781a9 rgb(55,129,169) hsl(201,51%,44%)
#317396 rgb(49,115,150) hsl(201,51%,39%)
#2a6483 rgb(42,100,131) hsl(201,51%,34%)
#245570 rgb(36,85,112) hsl(201,51%,29%)
#1e475c rgb(30,71,92) hsl(201,51%,24%)
#183849 rgb(24,56,73) hsl(201,51%,19%)
#112936 rgb(17,41,54) hsl(201,51%,14%)
#0b1a23 rgb(11,26,35) hsl(201,51%,9%)
#050c0f rgb(5,12,15) hsl(201,51%,4%)

Adjacent colors

HEX RGB HSL
#319675 rgb(49,150,117) hsl(160,51%,39%)
#317396 rgb(49,115,150) hsl(201,51%,39%)
#323096 rgb(50,48,150) hsl(241,52%,39%)

Monochromatic colors

HEX RGB HSL
#3885AE rgb(56,133,174) hsl(201,51%,45%)
#317396 rgb(49,115,150) hsl(201,51%,39%)
#29617E rgb(41,97,126) hsl(200,51%,33%)
#214F66 rgb(33,79,102) hsl(200,51%,26%)
#193B4E rgb(25,59,78) hsl(202,51%,20%)
#112936 rgb(17,41,54) hsl(201,52%,14%)

Triad color palettes

HEX RGB HSL
#317396 rgb(49,115,150) hsl(201,51%,39%)
#963040 rgb(150,48,64) hsl(351,52%,39%)
#968731 rgb(150,135,49) hsl(51,51%,39%)

Tetrad color palettes

HEX RGB HSL
#317396 rgb(49,115,150) hsl(201,51%,39%)
#965431 rgb(150,84,49) hsl(21,51%,39%)
#319686 rgb(49,150,134) hsl(170,51%,39%)
#968731 rgb(150,135,49) hsl(51,51%,39%)