HEX #336C5D color — Casal
The color #336c5d is a dark shade and moderately saturated.
Palette
336c5d color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f7 |
rgb(241,248,247) |
hsl(164,36%,96%) |
#e0f0ec |
rgb(224,240,236) |
hsl(164,36%,91%) |
#cee8e1 |
rgb(206,232,225) |
hsl(164,36%,86%) |
#bde0d7 |
rgb(189,224,215) |
hsl(164,36%,81%) |
#acd8cc |
rgb(172,216,204) |
hsl(164,36%,76%) |
#9ad0c1 |
rgb(154,208,193) |
hsl(164,36%,71%) |
#89c8b7 |
rgb(137,200,183) |
hsl(164,36%,66%) |
#78bfac |
rgb(120,191,172) |
hsl(164,36%,61%) |
#66b7a2 |
rgb(102,183,162) |
hsl(164,36%,56%) |
#55af97 |
rgb(85,175,151) |
hsl(164,36%,51%) |
#4ba089 |
rgb(75,160,137) |
hsl(164,36%,46%) |
#438e7a |
rgb(67,142,122) |
hsl(164,36%,41%) |
#3b7d6b |
rgb(59,125,107) |
hsl(164,36%,36%) |
#336c5c |
rgb(51,108,92) |
hsl(164,36%,31%) |
#2a5a4d |
rgb(42,90,77) |
hsl(164,36%,26%) |
#22493f |
rgb(34,73,63) |
hsl(164,36%,21%) |
#1a3730 |
rgb(26,55,48) |
hsl(164,36%,16%) |
#122621 |
rgb(18,38,33) |
hsl(164,36%,11%) |
#0a1512 |
rgb(10,21,18) |
hsl(164,36%,6%) |
#020303 |
rgb(2,3,3) |
hsl(164,36%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B37 |
rgb(51,107,55) |
hsl(124,35%,31%) |
#336C5D |
rgb(51,108,93) |
hsl(164,36%,31%) |
#33546C |
rgb(51,84,108) |
hsl(205,36%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7D6B |
rgb(59,125,107) |
hsl(164,36%,36%) |
#336C5D |
rgb(51,108,93) |
hsl(164,36%,31%) |
#2A5C4E |
rgb(42,92,78) |
hsl(163,37%,26%) |
#224A3F |
rgb(34,74,63) |
hsl(164,37%,21%) |
#1A3830 |
rgb(26,56,48) |
hsl(164,37%,16%) |
#122621 |
rgb(18,38,33) |
hsl(165,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336C5D |
rgb(51,108,93) |
hsl(164,36%,31%) |
#6C335E |
rgb(108,51,94) |
hsl(315,36%,31%) |
#6C4033 |
rgb(108,64,51) |
hsl(14,36%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336C5D |
rgb(51,108,93) |
hsl(164,36%,31%) |
#6C3342 |
rgb(108,51,66) |
hsl(344,36%,31%) |
#336B40 |
rgb(51,107,64) |
hsl(134,35%,31%) |
#6C4033 |
rgb(108,64,51) |
hsl(14,36%,31%) |