HEX #316366 color — Casal
The color #316366 is a dark shade and moderately saturated.
Palette
316366 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f7 |
rgb(238,246,247) |
hsl(183,35%,95%) |
| #ddeeee |
rgb(221,238,238) |
hsl(183,35%,90%) |
| #cbe5e6 |
rgb(203,229,230) |
hsl(183,35%,85%) |
| #badcde |
rgb(186,220,222) |
hsl(183,35%,80%) |
| #a9d3d6 |
rgb(169,211,214) |
hsl(183,35%,75%) |
| #98cbcd |
rgb(152,203,205) |
hsl(183,35%,70%) |
| #87c2c5 |
rgb(135,194,197) |
hsl(183,35%,65%) |
| #75b9bd |
rgb(117,185,189) |
hsl(183,35%,60%) |
| #64b0b4 |
rgb(100,176,180) |
hsl(183,35%,55%) |
| #53a8ac |
rgb(83,168,172) |
hsl(183,35%,50%) |
| #4b979b |
rgb(75,151,155) |
hsl(183,35%,45%) |
| #42868a |
rgb(66,134,138) |
hsl(183,35%,40%) |
| #3a7578 |
rgb(58,117,120) |
hsl(183,35%,35%) |
| #326567 |
rgb(50,101,103) |
hsl(183,35%,30%) |
| #295456 |
rgb(41,84,86) |
hsl(183,35%,25%) |
| #214345 |
rgb(33,67,69) |
hsl(183,35%,20%) |
| #193234 |
rgb(25,50,52) |
hsl(183,35%,15%) |
| #112222 |
rgb(17,34,34) |
hsl(183,35%,10%) |
| #081111 |
rgb(8,17,17) |
hsl(183,35%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316645 |
rgb(49,102,69) |
hsl(143,35%,30%) |
| #316366 |
rgb(49,99,102) |
hsl(183,35%,30%) |
| #314066 |
rgb(49,64,102) |
hsl(223,35%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387376 |
rgb(56,115,118) |
hsl(183,36%,34%) |
| #316366 |
rgb(49,99,102) |
hsl(183,35%,30%) |
| #295455 |
rgb(41,84,85) |
hsl(181,35%,25%) |
| #214245 |
rgb(33,66,69) |
hsl(185,35%,20%) |
| #193335 |
rgb(25,51,53) |
hsl(184,36%,15%) |
| #112424 |
rgb(17,36,36) |
hsl(180,36%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316366 |
rgb(49,99,102) |
hsl(183,35%,30%) |
| #663048 |
rgb(102,48,72) |
hsl(333,36%,29%) |
| #664F31 |
rgb(102,79,49) |
hsl(34,35%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316366 |
rgb(49,99,102) |
hsl(183,35%,30%) |
| #663331 |
rgb(102,51,49) |
hsl(2,35%,30%) |
| #31664E |
rgb(49,102,78) |
hsl(153,35%,30%) |
| #664F31 |
rgb(102,79,49) |
hsl(34,35%,30%) |
