HEX #336C66 color — Casal
The color #336C66 is a dark shade and moderately saturated.
Palette
336C66 color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f8 |
rgb(241,248,248) |
hsl(174,36%,96%) |
#e0f0ef |
rgb(224,240,239) |
hsl(174,36%,91%) |
#cee8e6 |
rgb(206,232,230) |
hsl(174,36%,86%) |
#bde0dd |
rgb(189,224,221) |
hsl(174,36%,81%) |
#acd8d3 |
rgb(172,216,211) |
hsl(174,36%,76%) |
#9ad0ca |
rgb(154,208,202) |
hsl(174,36%,71%) |
#89c8c1 |
rgb(137,200,193) |
hsl(174,36%,66%) |
#78bfb8 |
rgb(120,191,184) |
hsl(174,36%,61%) |
#66b7af |
rgb(102,183,175) |
hsl(174,36%,56%) |
#55afa6 |
rgb(85,175,166) |
hsl(174,36%,51%) |
#4ba097 |
rgb(75,160,151) |
hsl(174,36%,46%) |
#438e87 |
rgb(67,142,135) |
hsl(174,36%,41%) |
#3b7d76 |
rgb(59,125,118) |
hsl(174,36%,36%) |
#336c66 |
rgb(51,108,102) |
hsl(174,36%,31%) |
#2a5a55 |
rgb(42,90,85) |
hsl(174,36%,26%) |
#224945 |
rgb(34,73,69) |
hsl(174,36%,21%) |
#1a3735 |
rgb(26,55,53) |
hsl(174,36%,16%) |
#122624 |
rgb(18,38,36) |
hsl(174,36%,11%) |
#0a1514 |
rgb(10,21,20) |
hsl(174,36%,6%) |
#020303 |
rgb(2,3,3) |
hsl(174,36%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B40 |
rgb(51,107,64) |
hsl(134,35%,31%) |
#336C66 |
rgb(51,108,102) |
hsl(174,36%,31%) |
#334D6C |
rgb(51,77,108) |
hsl(213,36%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7D76 |
rgb(59,125,118) |
hsl(174,36%,36%) |
#336C66 |
rgb(51,108,102) |
hsl(174,36%,31%) |
#2A5C55 |
rgb(42,92,85) |
hsl(172,37%,26%) |
#224A45 |
rgb(34,74,69) |
hsl(173,37%,21%) |
#1A3835 |
rgb(26,56,53) |
hsl(174,37%,16%) |
#122624 |
rgb(18,38,36) |
hsl(174,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336C66 |
rgb(51,108,102) |
hsl(174,36%,31%) |
#6C3355 |
rgb(108,51,85) |
hsl(324,36%,31%) |
#6C4A33 |
rgb(108,74,51) |
hsl(24,36%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336C66 |
rgb(51,108,102) |
hsl(174,36%,31%) |
#6C3339 |
rgb(108,51,57) |
hsl(354,36%,31%) |
#336B49 |
rgb(51,107,73) |
hsl(144,35%,31%) |
#6C4A33 |
rgb(108,74,51) |
hsl(24,36%,31%) |