HEX #335F66 color — Casal
The color #335f66 is a dark shade and moderately saturated.
Palette
335f66 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f6 |
rgb(238,245,246) |
hsl(188,33%,95%) |
| #ddecee |
rgb(221,236,238) |
hsl(188,33%,90%) |
| #cce2e5 |
rgb(204,226,229) |
hsl(188,33%,85%) |
| #bbd8dd |
rgb(187,216,221) |
hsl(188,33%,80%) |
| #aacfd4 |
rgb(170,207,212) |
hsl(188,33%,75%) |
| #99c5cc |
rgb(153,197,204) |
hsl(188,33%,70%) |
| #88bbc3 |
rgb(136,187,195) |
hsl(188,33%,65%) |
| #77b2bb |
rgb(119,178,187) |
hsl(188,33%,60%) |
| #66a8b2 |
rgb(102,168,178) |
hsl(188,33%,55%) |
| #559eaa |
rgb(85,158,170) |
hsl(188,33%,50%) |
| #4d8f99 |
rgb(77,143,153) |
hsl(188,33%,45%) |
| #447f88 |
rgb(68,127,136) |
hsl(188,33%,40%) |
| #3c6f77 |
rgb(60,111,119) |
hsl(188,33%,35%) |
| #335f66 |
rgb(51,95,102) |
hsl(188,33%,30%) |
| #2b4f55 |
rgb(43,79,85) |
hsl(188,33%,25%) |
| #223f44 |
rgb(34,63,68) |
hsl(188,33%,20%) |
| #1a3033 |
rgb(26,48,51) |
hsl(188,33%,15%) |
| #112022 |
rgb(17,32,34) |
hsl(188,33%,10%) |
| #091011 |
rgb(9,16,17) |
hsl(188,33%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33664B |
rgb(51,102,75) |
hsl(148,33%,30%) |
| #335F66 |
rgb(51,95,102) |
hsl(188,33%,30%) |
| #333D66 |
rgb(51,61,102) |
hsl(228,33%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B6E76 |
rgb(59,110,118) |
hsl(188,33%,35%) |
| #335F66 |
rgb(51,95,102) |
hsl(188,33%,30%) |
| #2A4F55 |
rgb(42,79,85) |
hsl(188,34%,25%) |
| #224045 |
rgb(34,64,69) |
hsl(189,34%,20%) |
| #1A3035 |
rgb(26,48,53) |
hsl(191,34%,15%) |
| #122124 |
rgb(18,33,36) |
hsl(190,33%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335F66 |
rgb(51,95,102) |
hsl(188,33%,30%) |
| #663345 |
rgb(102,51,69) |
hsl(339,33%,30%) |
| #665433 |
rgb(102,84,51) |
hsl(39,33%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335F66 |
rgb(51,95,102) |
hsl(188,33%,30%) |
| #663B33 |
rgb(102,59,51) |
hsl(9,33%,30%) |
| #336653 |
rgb(51,102,83) |
hsl(158,33%,30%) |
| #665433 |
rgb(102,84,51) |
hsl(39,33%,30%) |
