HEX #316B60 color — Casal
The color #316B60 is a dark shade and moderately saturated.
Palette
316B60 color palette from light to dark
HEX |
RGB |
HSL |
#f1f9f7 |
rgb(241,249,247) |
hsl(169,37%,96%) |
#e0f1ed |
rgb(224,241,237) |
hsl(169,37%,91%) |
#cee9e4 |
rgb(206,233,228) |
hsl(169,37%,86%) |
#bde0da |
rgb(189,224,218) |
hsl(169,37%,81%) |
#abd8d0 |
rgb(171,216,208) |
hsl(169,37%,76%) |
#9ad0c6 |
rgb(154,208,198) |
hsl(169,37%,71%) |
#88c8bd |
rgb(136,200,189) |
hsl(169,37%,66%) |
#77c0b3 |
rgb(119,192,179) |
hsl(169,37%,61%) |
#65b8a9 |
rgb(101,184,169) |
hsl(169,37%,56%) |
#54b09f |
rgb(84,176,159) |
hsl(169,37%,51%) |
#4aa191 |
rgb(74,161,145) |
hsl(169,37%,46%) |
#428f81 |
rgb(66,143,129) |
hsl(169,37%,41%) |
#3a7e71 |
rgb(58,126,113) |
hsl(169,37%,36%) |
#326c62 |
rgb(50,108,98) |
hsl(169,37%,31%) |
#2a5b52 |
rgb(42,91,82) |
hsl(169,37%,26%) |
#224942 |
rgb(34,73,66) |
hsl(169,37%,21%) |
#1a3832 |
rgb(26,56,50) |
hsl(169,37%,16%) |
#122623 |
rgb(18,38,35) |
hsl(169,37%,11%) |
#0a1513 |
rgb(10,21,19) |
hsl(169,37%,6%) |
#020303 |
rgb(2,3,3) |
hsl(169,37%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#316B39 |
rgb(49,107,57) |
hsl(128,37%,31%) |
#316B60 |
rgb(49,107,96) |
hsl(169,37%,31%) |
#314F6B |
rgb(49,79,107) |
hsl(209,37%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387D6F |
rgb(56,125,111) |
hsl(168,38%,35%) |
#316B60 |
rgb(49,107,96) |
hsl(169,37%,31%) |
#295950 |
rgb(41,89,80) |
hsl(169,37%,25%) |
#214A41 |
rgb(33,74,65) |
hsl(167,38%,21%) |
#193831 |
rgb(25,56,49) |
hsl(166,38%,16%) |
#112622 |
rgb(17,38,34) |
hsl(169,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B60 |
rgb(49,107,96) |
hsl(169,37%,31%) |
#6B3059 |
rgb(107,48,89) |
hsl(318,38%,30%) |
#6B4231 |
rgb(107,66,49) |
hsl(18,37%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B60 |
rgb(49,107,96) |
hsl(169,37%,31%) |
#6B303C |
rgb(107,48,60) |
hsl(348,38%,30%) |
#316B43 |
rgb(49,107,67) |
hsl(139,37%,31%) |
#6B4231 |
rgb(107,66,49) |
hsl(18,37%,31%) |