HEX #335A66 color — Casal
The color #335a66 is a dark shade and moderately saturated.
Palette
335a66 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef4f6 |
rgb(238,244,246) |
hsl(194,33%,95%) |
| #ddeaee |
rgb(221,234,238) |
hsl(194,33%,90%) |
| #ccdfe5 |
rgb(204,223,229) |
hsl(194,33%,85%) |
| #bbd5dd |
rgb(187,213,221) |
hsl(194,33%,80%) |
| #aacad4 |
rgb(170,202,212) |
hsl(194,33%,75%) |
| #99c0cc |
rgb(153,192,204) |
hsl(194,33%,70%) |
| #88b5c3 |
rgb(136,181,195) |
hsl(194,33%,65%) |
| #77abbb |
rgb(119,171,187) |
hsl(194,33%,60%) |
| #66a0b2 |
rgb(102,160,178) |
hsl(194,33%,55%) |
| #5596aa |
rgb(85,150,170) |
hsl(194,33%,50%) |
| #4d8799 |
rgb(77,135,153) |
hsl(194,33%,45%) |
| #447888 |
rgb(68,120,136) |
hsl(194,33%,40%) |
| #3c6977 |
rgb(60,105,119) |
hsl(194,33%,35%) |
| #335a66 |
rgb(51,90,102) |
hsl(194,33%,30%) |
| #2b4b55 |
rgb(43,75,85) |
hsl(194,33%,25%) |
| #223c44 |
rgb(34,60,68) |
hsl(194,33%,20%) |
| #1a2d33 |
rgb(26,45,51) |
hsl(194,33%,15%) |
| #111e22 |
rgb(17,30,34) |
hsl(194,33%,10%) |
| #090f11 |
rgb(9,15,17) |
hsl(194,33%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336650 |
rgb(51,102,80) |
hsl(154,33%,30%) |
| #335A66 |
rgb(51,90,102) |
hsl(194,33%,30%) |
| #333866 |
rgb(51,56,102) |
hsl(234,33%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B6976 |
rgb(59,105,118) |
hsl(193,33%,35%) |
| #335A66 |
rgb(51,90,102) |
hsl(194,33%,30%) |
| #2A4D55 |
rgb(42,77,85) |
hsl(191,34%,25%) |
| #223D45 |
rgb(34,61,69) |
hsl(194,34%,20%) |
| #1A2E35 |
rgb(26,46,53) |
hsl(196,34%,15%) |
| #122124 |
rgb(18,33,36) |
hsl(190,33%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335A66 |
rgb(51,90,102) |
hsl(194,33%,30%) |
| #663340 |
rgb(102,51,64) |
hsl(345,33%,30%) |
| #665933 |
rgb(102,89,51) |
hsl(45,33%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335A66 |
rgb(51,90,102) |
hsl(194,33%,30%) |
| #664033 |
rgb(102,64,51) |
hsl(15,33%,30%) |
| #336658 |
rgb(51,102,88) |
hsl(164,33%,30%) |
| #665933 |
rgb(102,89,51) |
hsl(45,33%,30%) |
