HEX #316A6D color — Casal
The color #316a6d is a dark shade and moderately saturated.
Palette
316a6d color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f8f9 |
rgb(241,248,249) |
hsl(183,38%,96%) |
| #dff0f1 |
rgb(223,240,241) |
hsl(183,38%,91%) |
| #cee8e9 |
rgb(206,232,233) |
hsl(183,38%,86%) |
| #bcdfe1 |
rgb(188,223,225) |
hsl(183,38%,81%) |
| #abd7d9 |
rgb(171,215,217) |
hsl(183,38%,76%) |
| #99ced1 |
rgb(153,206,209) |
hsl(183,38%,71%) |
| #87c6c9 |
rgb(135,198,201) |
hsl(183,38%,66%) |
| #76bec1 |
rgb(118,190,193) |
hsl(183,38%,61%) |
| #64b5b9 |
rgb(100,181,185) |
hsl(183,38%,56%) |
| #53adb2 |
rgb(83,173,178) |
hsl(183,38%,51%) |
| #499da2 |
rgb(73,157,162) |
hsl(183,38%,46%) |
| #418c90 |
rgb(65,140,144) |
hsl(183,38%,41%) |
| #397b7f |
rgb(57,123,127) |
hsl(183,38%,36%) |
| #316a6d |
rgb(49,106,109) |
hsl(183,38%,31%) |
| #29595b |
rgb(41,89,91) |
hsl(183,38%,26%) |
| #21484a |
rgb(33,72,74) |
hsl(183,38%,21%) |
| #193738 |
rgb(25,55,56) |
hsl(183,38%,16%) |
| #112627 |
rgb(17,38,39) |
hsl(183,38%,11%) |
| #091515 |
rgb(9,21,21) |
hsl(183,38%,6%) |
| #020304 |
rgb(2,3,4) |
hsl(183,38%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316E48 |
rgb(49,110,72) |
hsl(143,38%,31%) |
| #316A6D |
rgb(49,106,109) |
hsl(183,38%,31%) |
| #31426D |
rgb(49,66,109) |
hsl(223,38%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387A7E |
rgb(56,122,126) |
hsl(183,38%,36%) |
| #316A6D |
rgb(49,106,109) |
hsl(183,38%,31%) |
| #29595B |
rgb(41,89,91) |
hsl(182,38%,26%) |
| #21474A |
rgb(33,71,74) |
hsl(184,38%,21%) |
| #193838 |
rgb(25,56,56) |
hsl(180,38%,16%) |
| #112627 |
rgb(17,38,39) |
hsl(183,39%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316A6D |
rgb(49,106,109) |
hsl(183,38%,31%) |
| #6D304C |
rgb(109,48,76) |
hsl(332,39%,31%) |
| #6D5231 |
rgb(109,82,49) |
hsl(33,38%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316A6D |
rgb(49,106,109) |
hsl(183,38%,31%) |
| #6D3331 |
rgb(109,51,49) |
hsl(2,38%,31%) |
| #316E52 |
rgb(49,110,82) |
hsl(152,38%,31%) |
| #6D5231 |
rgb(109,82,49) |
hsl(33,38%,31%) |
