HEX #336960 color — Casal
The color #336960 is a dark shade and moderately saturated.
Palette
336960 color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f7 |
rgb(241,248,247) |
hsl(170,35%,96%) |
#e0f0ed |
rgb(224,240,237) |
hsl(170,35%,91%) |
#cfe8e4 |
rgb(207,232,228) |
hsl(170,35%,86%) |
#bee0da |
rgb(190,224,218) |
hsl(170,35%,81%) |
#acd7d0 |
rgb(172,215,208) |
hsl(170,35%,76%) |
#9bcfc6 |
rgb(155,207,198) |
hsl(170,35%,71%) |
#8ac7bd |
rgb(138,199,189) |
hsl(170,35%,66%) |
#79beb3 |
rgb(121,190,179) |
hsl(170,35%,61%) |
#68b6a9 |
rgb(104,182,169) |
hsl(170,35%,56%) |
#56ae9f |
rgb(86,174,159) |
hsl(170,35%,51%) |
#4c9e91 |
rgb(76,158,145) |
hsl(170,35%,46%) |
#448d81 |
rgb(68,141,129) |
hsl(170,35%,41%) |
#3c7c71 |
rgb(60,124,113) |
hsl(170,35%,36%) |
#336b61 |
rgb(51,107,97) |
hsl(170,35%,31%) |
#2b5a52 |
rgb(43,90,82) |
hsl(170,35%,26%) |
#234842 |
rgb(35,72,66) |
hsl(170,35%,21%) |
#1b3732 |
rgb(27,55,50) |
hsl(170,35%,16%) |
#122623 |
rgb(18,38,35) |
hsl(170,35%,11%) |
#0a1513 |
rgb(10,21,19) |
hsl(170,35%,6%) |
#020303 |
rgb(2,3,3) |
hsl(170,35%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33693C |
rgb(51,105,60) |
hsl(130,35%,31%) |
#336960 |
rgb(51,105,96) |
hsl(170,35%,31%) |
#334F69 |
rgb(51,79,105) |
hsl(209,35%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7A6F |
rgb(59,122,111) |
hsl(170,35%,35%) |
#336960 |
rgb(51,105,96) |
hsl(170,35%,31%) |
#2A5950 |
rgb(42,89,80) |
hsl(169,36%,26%) |
#224741 |
rgb(34,71,65) |
hsl(170,35%,21%) |
#1A3631 |
rgb(26,54,49) |
hsl(169,35%,16%) |
#122622 |
rgb(18,38,34) |
hsl(168,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336960 |
rgb(51,105,96) |
hsl(170,35%,31%) |
#693357 |
rgb(105,51,87) |
hsl(320,35%,31%) |
#694533 |
rgb(105,69,51) |
hsl(20,35%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336960 |
rgb(51,105,96) |
hsl(170,35%,31%) |
#69333C |
rgb(105,51,60) |
hsl(350,35%,31%) |
#336945 |
rgb(51,105,69) |
hsl(140,35%,31%) |
#694533 |
rgb(105,69,51) |
hsl(20,35%,31%) |