HEX #316B84 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316B84 color palette from light to dark

HEX RGB HSL
#ecf5f8 rgb(236,245,248) hsl(198,46%,95%)
#daeaf1 rgb(218,234,241) hsl(198,46%,90%)
#c7e0ea rgb(199,224,234) hsl(198,46%,85%)
#b5d5e3 rgb(181,213,227) hsl(198,46%,80%)
#a2cbdd rgb(162,203,221) hsl(198,46%,75%)
#8fc1d6 rgb(143,193,214) hsl(198,46%,70%)
#7db6cf rgb(125,182,207) hsl(198,46%,65%)
#6aacc8 rgb(106,172,200) hsl(198,46%,60%)
#57a1c1 rgb(87,161,193) hsl(198,46%,55%)
#4597ba rgb(69,151,186) hsl(198,46%,50%)
#3e88a8 rgb(62,136,168) hsl(198,46%,45%)
#377995 rgb(55,121,149) hsl(198,46%,40%)
#306a82 rgb(48,106,130) hsl(198,46%,35%)
#295b70 rgb(41,91,112) hsl(198,46%,30%)
#224b5d rgb(34,75,93) hsl(198,46%,25%)
#1c3c4a rgb(28,60,74) hsl(198,46%,20%)
#152d38 rgb(21,45,56) hsl(198,46%,15%)
#0e1e25 rgb(14,30,37) hsl(198,46%,10%)
#070f13 rgb(7,15,19) hsl(198,46%,5%)

Adjacent colors

HEX RGB HSL
#318565 rgb(49,133,101) hsl(157,46%,36%)
#316B84 rgb(49,107,132) hsl(198,46%,35%)
#313384 rgb(49,51,132) hsl(239,46%,35%)

Monochromatic colors

HEX RGB HSL
#387D99 rgb(56,125,153) hsl(197,46%,41%)
#316B84 rgb(49,107,132) hsl(198,46%,35%)
#29596E rgb(41,89,110) hsl(198,46%,30%)
#214A59 rgb(33,74,89) hsl(196,46%,24%)
#193844 rgb(25,56,68) hsl(197,46%,18%)
#11262F rgb(17,38,47) hsl(198,47%,13%)

Triad color palettes

HEX RGB HSL
#316B84 rgb(49,107,132) hsl(198,46%,35%)
#843041 rgb(132,48,65) hsl(348,47%,35%)
#847331 rgb(132,115,49) hsl(48,46%,35%)

Tetrad color palettes

HEX RGB HSL
#316B84 rgb(49,107,132) hsl(198,46%,35%)
#844A31 rgb(132,74,49) hsl(18,46%,35%)
#318573 rgb(49,133,115) hsl(167,46%,36%)
#847331 rgb(132,115,49) hsl(48,46%,35%)