HEX #316660 color — Casal
The color #316660 is a dark shade and moderately saturated.
Palette
316660 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef7f6 |
rgb(238,247,246) |
hsl(173,35%,95%) |
| #ddeeec |
rgb(221,238,236) |
hsl(173,35%,90%) |
| #cbe6e3 |
rgb(203,230,227) |
hsl(173,35%,85%) |
| #badeda |
rgb(186,222,218) |
hsl(173,35%,80%) |
| #a9d6d0 |
rgb(169,214,208) |
hsl(173,35%,75%) |
| #98cdc7 |
rgb(152,205,199) |
hsl(173,35%,70%) |
| #87c5be |
rgb(135,197,190) |
hsl(173,35%,65%) |
| #75bdb4 |
rgb(117,189,180) |
hsl(173,35%,60%) |
| #64b4ab |
rgb(100,180,171) |
hsl(173,35%,55%) |
| #53aca2 |
rgb(83,172,162) |
hsl(173,35%,50%) |
| #4b9b92 |
rgb(75,155,146) |
hsl(173,35%,45%) |
| #428a81 |
rgb(66,138,129) |
hsl(173,35%,40%) |
| #3a7871 |
rgb(58,120,113) |
hsl(173,35%,35%) |
| #326761 |
rgb(50,103,97) |
hsl(173,35%,30%) |
| #295651 |
rgb(41,86,81) |
hsl(173,35%,25%) |
| #214541 |
rgb(33,69,65) |
hsl(173,35%,20%) |
| #193431 |
rgb(25,52,49) |
hsl(173,35%,15%) |
| #112220 |
rgb(17,34,32) |
hsl(173,35%,10%) |
| #081110 |
rgb(8,17,16) |
hsl(173,35%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31663C |
rgb(49,102,60) |
hsl(132,35%,30%) |
| #316660 |
rgb(49,102,96) |
hsl(173,35%,30%) |
| #314766 |
rgb(49,71,102) |
hsl(215,35%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #38756F |
rgb(56,117,111) |
hsl(174,35%,34%) |
| #316660 |
rgb(49,102,96) |
hsl(173,35%,30%) |
| #295750 |
rgb(41,87,80) |
hsl(171,36%,25%) |
| #214541 |
rgb(33,69,65) |
hsl(173,35%,20%) |
| #193631 |
rgb(25,54,49) |
hsl(170,37%,15%) |
| #112422 |
rgb(17,36,34) |
hsl(174,36%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316660 |
rgb(49,102,96) |
hsl(173,35%,30%) |
| #663051 |
rgb(102,48,81) |
hsl(323,36%,29%) |
| #664531 |
rgb(102,69,49) |
hsl(23,35%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316660 |
rgb(49,102,96) |
hsl(173,35%,30%) |
| #663037 |
rgb(102,48,55) |
hsl(352,36%,29%) |
| #316645 |
rgb(49,102,69) |
hsl(143,35%,30%) |
| #664531 |
rgb(102,69,49) |
hsl(23,35%,30%) |
