HEX #316666 color — Casal
The color #316666 is a dark shade and moderately saturated.
Palette
316666 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef7f7 |
rgb(238,247,247) |
hsl(180,35%,95%) |
| #ddeeee |
rgb(221,238,238) |
hsl(180,35%,90%) |
| #cbe6e6 |
rgb(203,230,230) |
hsl(180,35%,85%) |
| #badede |
rgb(186,222,222) |
hsl(180,35%,80%) |
| #a9d6d6 |
rgb(169,214,214) |
hsl(180,35%,75%) |
| #98cdcd |
rgb(152,205,205) |
hsl(180,35%,70%) |
| #87c5c5 |
rgb(135,197,197) |
hsl(180,35%,65%) |
| #75bdbd |
rgb(117,189,189) |
hsl(180,35%,60%) |
| #64b4b4 |
rgb(100,180,180) |
hsl(180,35%,55%) |
| #53acac |
rgb(83,172,172) |
hsl(180,35%,50%) |
| #4b9b9b |
rgb(75,155,155) |
hsl(180,35%,45%) |
| #428a8a |
rgb(66,138,138) |
hsl(180,35%,40%) |
| #3a7878 |
rgb(58,120,120) |
hsl(180,35%,35%) |
| #326767 |
rgb(50,103,103) |
hsl(180,35%,30%) |
| #295656 |
rgb(41,86,86) |
hsl(180,35%,25%) |
| #214545 |
rgb(33,69,69) |
hsl(180,35%,20%) |
| #193434 |
rgb(25,52,52) |
hsl(180,35%,15%) |
| #112222 |
rgb(17,34,34) |
hsl(180,35%,10%) |
| #081111 |
rgb(8,17,17) |
hsl(180,35%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316642 |
rgb(49,102,66) |
hsl(139,35%,30%) |
| #316666 |
rgb(49,102,102) |
hsl(180,35%,30%) |
| #314266 |
rgb(49,66,102) |
hsl(221,35%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387576 |
rgb(56,117,118) |
hsl(181,36%,34%) |
| #316666 |
rgb(49,102,102) |
hsl(180,35%,30%) |
| #295755 |
rgb(41,87,85) |
hsl(177,36%,25%) |
| #214545 |
rgb(33,69,69) |
hsl(180,35%,20%) |
| #193635 |
rgb(25,54,53) |
hsl(178,37%,15%) |
| #112424 |
rgb(17,36,36) |
hsl(180,36%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316666 |
rgb(49,102,102) |
hsl(180,35%,30%) |
| #66304B |
rgb(102,48,75) |
hsl(330,36%,29%) |
| #664D31 |
rgb(102,77,49) |
hsl(32,35%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316666 |
rgb(49,102,102) |
hsl(180,35%,30%) |
| #663031 |
rgb(102,48,49) |
hsl(359,36%,29%) |
| #31664B |
rgb(49,102,75) |
hsl(149,35%,30%) |
| #664D31 |
rgb(102,77,49) |
hsl(32,35%,30%) |
