HEX #316B5E color — Casal
The color #316B5E is a dark shade and moderately saturated.
Palette
316B5E color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f9f7 |
rgb(241,249,247) |
hsl(167,37%,96%) |
| #e0f1ed |
rgb(224,241,237) |
hsl(167,37%,91%) |
| #cee9e3 |
rgb(206,233,227) |
hsl(167,37%,86%) |
| #bde0d9 |
rgb(189,224,217) |
hsl(167,37%,81%) |
| #abd8cf |
rgb(171,216,207) |
hsl(167,37%,76%) |
| #9ad0c5 |
rgb(154,208,197) |
hsl(167,37%,71%) |
| #88c8ba |
rgb(136,200,186) |
hsl(167,37%,66%) |
| #77c0b0 |
rgb(119,192,176) |
hsl(167,37%,61%) |
| #65b8a6 |
rgb(101,184,166) |
hsl(167,37%,56%) |
| #54b09c |
rgb(84,176,156) |
hsl(167,37%,51%) |
| #4aa18e |
rgb(74,161,142) |
hsl(167,37%,46%) |
| #428f7e |
rgb(66,143,126) |
hsl(167,37%,41%) |
| #3a7e6f |
rgb(58,126,111) |
hsl(167,37%,36%) |
| #326c60 |
rgb(50,108,96) |
hsl(167,37%,31%) |
| #2a5b50 |
rgb(42,91,80) |
hsl(167,37%,26%) |
| #224941 |
rgb(34,73,65) |
hsl(167,37%,21%) |
| #1a3831 |
rgb(26,56,49) |
hsl(167,37%,16%) |
| #122622 |
rgb(18,38,34) |
hsl(167,37%,11%) |
| #0a1513 |
rgb(10,21,19) |
hsl(167,37%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(167,37%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316B37 |
rgb(49,107,55) |
hsl(126,37%,31%) |
| #316B5E |
rgb(49,107,94) |
hsl(167,37%,31%) |
| #31526B |
rgb(49,82,107) |
hsl(206,37%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387D6D |
rgb(56,125,109) |
hsl(166,38%,35%) |
| #316B5E |
rgb(49,107,94) |
hsl(167,37%,31%) |
| #29594E |
rgb(41,89,78) |
hsl(166,37%,25%) |
| #214A3F |
rgb(33,74,63) |
hsl(164,38%,21%) |
| #193830 |
rgb(25,56,48) |
hsl(165,38%,16%) |
| #112621 |
rgb(17,38,33) |
hsl(166,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316B5E |
rgb(49,107,94) |
hsl(167,37%,31%) |
| #6B305B |
rgb(107,48,91) |
hsl(316,38%,30%) |
| #6B4031 |
rgb(107,64,49) |
hsl(16,37%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316B5E |
rgb(49,107,94) |
hsl(167,37%,31%) |
| #6B303E |
rgb(107,48,62) |
hsl(346,38%,30%) |
| #316B41 |
rgb(49,107,65) |
hsl(137,37%,31%) |
| #6B4031 |
rgb(107,64,49) |
hsl(16,37%,31%) |
