HEX #336166 color — Casal
The color #336166 is a dark shade and moderately saturated.
Palette
336166 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(186,33%,95%) |
| #ddecee |
rgb(221,236,238) |
hsl(186,33%,90%) |
| #cce3e5 |
rgb(204,227,229) |
hsl(186,33%,85%) |
| #bbd9dd |
rgb(187,217,221) |
hsl(186,33%,80%) |
| #aad0d4 |
rgb(170,208,212) |
hsl(186,33%,75%) |
| #99c7cc |
rgb(153,199,204) |
hsl(186,33%,70%) |
| #88bdc3 |
rgb(136,189,195) |
hsl(186,33%,65%) |
| #77b4bb |
rgb(119,180,187) |
hsl(186,33%,60%) |
| #66abb2 |
rgb(102,171,178) |
hsl(186,33%,55%) |
| #55a1aa |
rgb(85,161,170) |
hsl(186,33%,50%) |
| #4d9199 |
rgb(77,145,153) |
hsl(186,33%,45%) |
| #448188 |
rgb(68,129,136) |
hsl(186,33%,40%) |
| #3c7177 |
rgb(60,113,119) |
hsl(186,33%,35%) |
| #336166 |
rgb(51,97,102) |
hsl(186,33%,30%) |
| #2b5155 |
rgb(43,81,85) |
hsl(186,33%,25%) |
| #224044 |
rgb(34,64,68) |
hsl(186,33%,20%) |
| #1a3033 |
rgb(26,48,51) |
hsl(186,33%,15%) |
| #112022 |
rgb(17,32,34) |
hsl(186,33%,10%) |
| #091011 |
rgb(9,16,17) |
hsl(186,33%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336649 |
rgb(51,102,73) |
hsl(146,33%,30%) |
| #336166 |
rgb(51,97,102) |
hsl(186,33%,30%) |
| #334066 |
rgb(51,64,102) |
hsl(225,33%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7076 |
rgb(59,112,118) |
hsl(186,33%,35%) |
| #336166 |
rgb(51,97,102) |
hsl(186,33%,30%) |
| #2A5255 |
rgb(42,82,85) |
hsl(184,34%,25%) |
| #224245 |
rgb(34,66,69) |
hsl(185,34%,20%) |
| #1A3335 |
rgb(26,51,53) |
hsl(184,34%,15%) |
| #122424 |
rgb(18,36,36) |
hsl(180,33%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336166 |
rgb(51,97,102) |
hsl(186,33%,30%) |
| #663347 |
rgb(102,51,71) |
hsl(336,33%,30%) |
| #665233 |
rgb(102,82,51) |
hsl(36,33%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336166 |
rgb(51,97,102) |
hsl(186,33%,30%) |
| #663833 |
rgb(102,56,51) |
hsl(6,33%,30%) |
| #336651 |
rgb(51,102,81) |
hsl(155,33%,30%) |
| #665233 |
rgb(102,82,51) |
hsl(36,33%,30%) |
