HEX #316B85 color — Calypso
The color #316B85 is a dark shade and moderately saturated.
Palette
316B85 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7f9 |
rgb(240,247,249) |
hsl(199,46%,96%) |
#ddecf3 |
rgb(221,236,243) |
hsl(199,46%,91%) |
#cbe1ec |
rgb(203,225,236) |
hsl(199,46%,86%) |
#b8d7e5 |
rgb(184,215,229) |
hsl(199,46%,81%) |
#a6ccde |
rgb(166,204,222) |
hsl(199,46%,76%) |
#93c2d7 |
rgb(147,194,215) |
hsl(199,46%,71%) |
#80b7d0 |
rgb(128,183,208) |
hsl(199,46%,66%) |
#6eacc9 |
rgb(110,172,201) |
hsl(199,46%,61%) |
#5ba2c2 |
rgb(91,162,194) |
hsl(199,46%,56%) |
#4997bc |
rgb(73,151,188) |
hsl(199,46%,51%) |
#3f89ab |
rgb(63,137,171) |
hsl(199,46%,46%) |
#387a99 |
rgb(56,122,153) |
hsl(199,46%,41%) |
#326b86 |
rgb(50,107,134) |
hsl(199,46%,36%) |
#2b5c73 |
rgb(43,92,115) |
hsl(199,46%,31%) |
#244d61 |
rgb(36,77,97) |
hsl(199,46%,26%) |
#1d3f4e |
rgb(29,63,78) |
hsl(199,46%,21%) |
#16303c |
rgb(22,48,60) |
hsl(199,46%,16%) |
#0f2129 |
rgb(15,33,41) |
hsl(199,46%,11%) |
#081216 |
rgb(8,18,22) |
hsl(199,46%,6%) |
#010304 |
rgb(1,3,4) |
hsl(199,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318567 |
rgb(49,133,103) |
hsl(159,46%,36%) |
#316B85 |
rgb(49,107,133) |
hsl(199,46%,36%) |
#313385 |
rgb(49,51,133) |
hsl(239,46%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387D9A |
rgb(56,125,154) |
hsl(198,47%,41%) |
#316B85 |
rgb(49,107,133) |
hsl(199,46%,36%) |
#29596F |
rgb(41,89,111) |
hsl(199,46%,30%) |
#214A5A |
rgb(33,74,90) |
hsl(197,46%,24%) |
#193845 |
rgb(25,56,69) |
hsl(198,47%,18%) |
#11262F |
rgb(17,38,47) |
hsl(198,47%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B85 |
rgb(49,107,133) |
hsl(199,46%,36%) |
#853041 |
rgb(133,48,65) |
hsl(348,47%,35%) |
#857531 |
rgb(133,117,49) |
hsl(49,46%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B85 |
rgb(49,107,133) |
hsl(199,46%,36%) |
#854A31 |
rgb(133,74,49) |
hsl(18,46%,36%) |
#318575 |
rgb(49,133,117) |
hsl(169,46%,36%) |
#857531 |
rgb(133,117,49) |
hsl(49,46%,36%) |