HEX #336A6C color — Casal
The color #336A6C is a dark shade and moderately saturated.
Palette
336A6C color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f8 |
rgb(241,248,248) |
hsl(182,36%,96%) |
#e0f0f0 |
rgb(224,240,240) |
hsl(182,36%,91%) |
#cee7e8 |
rgb(206,231,232) |
hsl(182,36%,86%) |
#bddfe0 |
rgb(189,223,224) |
hsl(182,36%,81%) |
#acd6d8 |
rgb(172,214,216) |
hsl(182,36%,76%) |
#9aced0 |
rgb(154,206,208) |
hsl(182,36%,71%) |
#89c5c8 |
rgb(137,197,200) |
hsl(182,36%,66%) |
#78bdbf |
rgb(120,189,191) |
hsl(182,36%,61%) |
#66b4b7 |
rgb(102,180,183) |
hsl(182,36%,56%) |
#55acaf |
rgb(85,172,175) |
hsl(182,36%,51%) |
#4b9da0 |
rgb(75,157,160) |
hsl(182,36%,46%) |
#438c8e |
rgb(67,140,142) |
hsl(182,36%,41%) |
#3b7b7d |
rgb(59,123,125) |
hsl(182,36%,36%) |
#336a6c |
rgb(51,106,108) |
hsl(182,36%,31%) |
#2a595a |
rgb(42,89,90) |
hsl(182,36%,26%) |
#224849 |
rgb(34,72,73) |
hsl(182,36%,21%) |
#1a3737 |
rgb(26,55,55) |
hsl(182,36%,16%) |
#122526 |
rgb(18,37,38) |
hsl(182,36%,11%) |
#0a1415 |
rgb(10,20,21) |
hsl(182,36%,6%) |
#020303 |
rgb(2,3,3) |
hsl(182,36%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B48 |
rgb(51,107,72) |
hsl(143,35%,31%) |
#336A6C |
rgb(51,106,108) |
hsl(182,36%,31%) |
#33456C |
rgb(51,69,108) |
hsl(221,36%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7A7D |
rgb(59,122,125) |
hsl(183,36%,36%) |
#336A6C |
rgb(51,106,108) |
hsl(182,36%,31%) |
#2A595A |
rgb(42,89,90) |
hsl(181,36%,26%) |
#224749 |
rgb(34,71,73) |
hsl(183,36%,21%) |
#1A3838 |
rgb(26,56,56) |
hsl(180,37%,16%) |
#122626 |
rgb(18,38,38) |
hsl(180,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336A6C |
rgb(51,106,108) |
hsl(182,36%,31%) |
#6C334D |
rgb(108,51,77) |
hsl(333,36%,31%) |
#6C5233 |
rgb(108,82,51) |
hsl(33,36%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336A6C |
rgb(51,106,108) |
hsl(182,36%,31%) |
#6C3633 |
rgb(108,54,51) |
hsl(3,36%,31%) |
#336B51 |
rgb(51,107,81) |
hsl(152,35%,31%) |
#6C5233 |
rgb(108,82,51) |
hsl(33,36%,31%) |