HEX #336971 color — Casal
The color #336971 is a dark shade and moderately saturated.
Palette
336971 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f9fa |
rgb(244,249,250) |
hsl(188,38%,97%) |
| #e3f0f2 |
rgb(227,240,242) |
hsl(188,38%,92%) |
| #d1e7ea |
rgb(209,231,234) |
hsl(188,38%,87%) |
| #c0dee3 |
rgb(192,222,227) |
hsl(188,38%,82%) |
| #aed5db |
rgb(174,213,219) |
hsl(188,38%,77%) |
| #9ccbd3 |
rgb(156,203,211) |
hsl(188,38%,72%) |
| #8bc2cb |
rgb(139,194,203) |
hsl(188,38%,67%) |
| #79b9c3 |
rgb(121,185,195) |
hsl(188,38%,62%) |
| #68b0bb |
rgb(104,176,187) |
hsl(188,38%,57%) |
| #56a7b3 |
rgb(86,167,179) |
hsl(188,38%,52%) |
| #4a99a5 |
rgb(74,153,165) |
hsl(188,38%,47%) |
| #428994 |
rgb(66,137,148) |
hsl(188,38%,42%) |
| #3a7982 |
rgb(58,121,130) |
hsl(188,38%,37%) |
| #336871 |
rgb(51,104,113) |
hsl(188,38%,32%) |
| #2b585f |
rgb(43,88,95) |
hsl(188,38%,27%) |
| #23484d |
rgb(35,72,77) |
hsl(188,38%,22%) |
| #1b373c |
rgb(27,55,60) |
hsl(188,38%,17%) |
| #13272a |
rgb(19,39,42) |
hsl(188,38%,12%) |
| #0b1719 |
rgb(11,23,25) |
hsl(188,38%,7%) |
| #030707 |
rgb(3,7,7) |
hsl(188,38%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33704F |
rgb(51,112,79) |
hsl(148,37%,32%) |
| #336971 |
rgb(51,105,113) |
hsl(188,38%,32%) |
| #334071 |
rgb(51,64,113) |
hsl(227,38%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7A83 |
rgb(59,122,131) |
hsl(188,38%,37%) |
| #336971 |
rgb(51,105,113) |
hsl(188,38%,32%) |
| #2A595E |
rgb(42,89,94) |
hsl(186,38%,27%) |
| #22474C |
rgb(34,71,76) |
hsl(187,38%,22%) |
| #1A363A |
rgb(26,54,58) |
hsl(188,38%,16%) |
| #122628 |
rgb(18,38,40) |
hsl(185,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336971 |
rgb(51,105,113) |
hsl(188,38%,32%) |
| #71334A |
rgb(113,51,74) |
hsl(338,38%,32%) |
| #715933 |
rgb(113,89,51) |
hsl(37,38%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336971 |
rgb(51,105,113) |
hsl(188,38%,32%) |
| #713B33 |
rgb(113,59,51) |
hsl(8,38%,32%) |
| #33705A |
rgb(51,112,90) |
hsl(158,37%,32%) |
| #715933 |
rgb(113,89,51) |
hsl(37,38%,32%) |
