HEX #316B83 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

316B83 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
#318264 rgb(49,130,100) hsl(158,45%,35%)
#316B83 rgb(49,107,131) hsl(198,46%,35%)
#313683 rgb(49,54,131) hsl(236,46%,35%)

Monochromatic colors

HEX RGB HSL
#387D97 rgb(56,125,151) hsl(196,46%,41%)
#316B83 rgb(49,107,131) 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
#316B83 rgb(49,107,131) hsl(198,46%,35%)
#833042 rgb(131,48,66) hsl(347,46%,35%)
#837331 rgb(131,115,49) hsl(48,46%,35%)

Tetrad color palettes

HEX RGB HSL
#316B83 rgb(49,107,131) hsl(198,46%,35%)
#834A31 rgb(131,74,49) hsl(18,46%,35%)
#318272 rgb(49,130,114) hsl(168,45%,35%)
#837331 rgb(131,115,49) hsl(48,46%,35%)