HEX #336366 color — Casal
The color #336366 is a dark shade and moderately saturated.
Palette
336366 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(184,33%,95%) |
| #ddedee |
rgb(221,237,238) |
hsl(184,33%,90%) |
| #cce4e5 |
rgb(204,228,229) |
hsl(184,33%,85%) |
| #bbdbdd |
rgb(187,219,221) |
hsl(184,33%,80%) |
| #aad1d4 |
rgb(170,209,212) |
hsl(184,33%,75%) |
| #99c8cc |
rgb(153,200,204) |
hsl(184,33%,70%) |
| #88bfc3 |
rgb(136,191,195) |
hsl(184,33%,65%) |
| #77b6bb |
rgb(119,182,187) |
hsl(184,33%,60%) |
| #66adb2 |
rgb(102,173,178) |
hsl(184,33%,55%) |
| #55a4aa |
rgb(85,164,170) |
hsl(184,33%,50%) |
| #4d9499 |
rgb(77,148,153) |
hsl(184,33%,45%) |
| #448388 |
rgb(68,131,136) |
hsl(184,33%,40%) |
| #3c7377 |
rgb(60,115,119) |
hsl(184,33%,35%) |
| #336266 |
rgb(51,98,102) |
hsl(184,33%,30%) |
| #2b5255 |
rgb(43,82,85) |
hsl(184,33%,25%) |
| #224244 |
rgb(34,66,68) |
hsl(184,33%,20%) |
| #1a3133 |
rgb(26,49,51) |
hsl(184,33%,15%) |
| #112122 |
rgb(17,33,34) |
hsl(184,33%,10%) |
| #091011 |
rgb(9,16,17) |
hsl(184,33%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336647 |
rgb(51,102,71) |
hsl(144,33%,30%) |
| #336366 |
rgb(51,99,102) |
hsl(184,33%,30%) |
| #334066 |
rgb(51,64,102) |
hsl(225,33%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7376 |
rgb(59,115,118) |
hsl(183,33%,35%) |
| #336366 |
rgb(51,99,102) |
hsl(184,33%,30%) |
| #2A5455 |
rgb(42,84,85) |
hsl(181,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 |
| #336366 |
rgb(51,99,102) |
hsl(184,33%,30%) |
| #663349 |
rgb(102,51,73) |
hsl(334,33%,30%) |
| #664F33 |
rgb(102,79,51) |
hsl(33,33%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336366 |
rgb(51,99,102) |
hsl(184,33%,30%) |
| #663633 |
rgb(102,54,51) |
hsl(4,33%,30%) |
| #33664F |
rgb(51,102,79) |
hsl(153,33%,30%) |
| #664F33 |
rgb(102,79,51) |
hsl(33,33%,30%) |
