HEX #316B83 color — Calypso
The color #316B83 is a dark shade and moderately saturated.
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%) |