HEX #336C61 color — Casal
The color #336c61 is a dark shade and moderately saturated.
Palette
336c61 color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f7 |
rgb(241,248,247) |
hsl(168,36%,96%) |
#e0f0ed |
rgb(224,240,237) |
hsl(168,36%,91%) |
#cee8e3 |
rgb(206,232,227) |
hsl(168,36%,86%) |
#bde0d9 |
rgb(189,224,217) |
hsl(168,36%,81%) |
#acd8cf |
rgb(172,216,207) |
hsl(168,36%,76%) |
#9ad0c5 |
rgb(154,208,197) |
hsl(168,36%,71%) |
#89c8bb |
rgb(137,200,187) |
hsl(168,36%,66%) |
#78bfb1 |
rgb(120,191,177) |
hsl(168,36%,61%) |
#66b7a7 |
rgb(102,183,167) |
hsl(168,36%,56%) |
#55af9d |
rgb(85,175,157) |
hsl(168,36%,51%) |
#4ba08f |
rgb(75,160,143) |
hsl(168,36%,46%) |
#438e7f |
rgb(67,142,127) |
hsl(168,36%,41%) |
#3b7d70 |
rgb(59,125,112) |
hsl(168,36%,36%) |
#336c60 |
rgb(51,108,96) |
hsl(168,36%,31%) |
#2a5a51 |
rgb(42,90,81) |
hsl(168,36%,26%) |
#224941 |
rgb(34,73,65) |
hsl(168,36%,21%) |
#1a3732 |
rgb(26,55,50) |
hsl(168,36%,16%) |
#122622 |
rgb(18,38,34) |
hsl(168,36%,11%) |
#0a1513 |
rgb(10,21,19) |
hsl(168,36%,6%) |
#020303 |
rgb(2,3,3) |
hsl(168,36%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B3B |
rgb(51,107,59) |
hsl(129,35%,31%) |
#336C61 |
rgb(51,108,97) |
hsl(168,36%,31%) |
#33526C |
rgb(51,82,108) |
hsl(207,36%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7D70 |
rgb(59,125,112) |
hsl(168,36%,36%) |
#336C61 |
rgb(51,108,97) |
hsl(168,36%,31%) |
#2A5C51 |
rgb(42,92,81) |
hsl(167,37%,26%) |
#224A41 |
rgb(34,74,65) |
hsl(167,37%,21%) |
#1A3832 |
rgb(26,56,50) |
hsl(168,37%,16%) |
#122622 |
rgb(18,38,34) |
hsl(168,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336C61 |
rgb(51,108,97) |
hsl(168,36%,31%) |
#6C335A |
rgb(108,51,90) |
hsl(319,36%,31%) |
#6C4533 |
rgb(108,69,51) |
hsl(19,36%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336C61 |
rgb(51,108,97) |
hsl(168,36%,31%) |
#6C333E |
rgb(108,51,62) |
hsl(348,36%,31%) |
#336B44 |
rgb(51,107,68) |
hsl(138,35%,31%) |
#6C4533 |
rgb(108,69,51) |
hsl(19,36%,31%) |