HEX #336770 color — Casal
The color #336770 is a dark shade and moderately saturated.
Palette
336770 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f9fa |
rgb(245,249,250) |
hsl(189,37%,97%) |
| #e3f0f2 |
rgb(227,240,242) |
hsl(189,37%,92%) |
| #d2e6ea |
rgb(210,230,234) |
hsl(189,37%,87%) |
| #c0dde2 |
rgb(192,221,226) |
hsl(189,37%,82%) |
| #afd4da |
rgb(175,212,218) |
hsl(189,37%,77%) |
| #9dcad2 |
rgb(157,202,210) |
hsl(189,37%,72%) |
| #8cc1ca |
rgb(140,193,202) |
hsl(189,37%,67%) |
| #7ab7c2 |
rgb(122,183,194) |
hsl(189,37%,62%) |
| #69aeba |
rgb(105,174,186) |
hsl(189,37%,57%) |
| #57a4b2 |
rgb(87,164,178) |
hsl(189,37%,52%) |
| #4c97a4 |
rgb(76,151,164) |
hsl(189,37%,47%) |
| #438793 |
rgb(67,135,147) |
hsl(189,37%,42%) |
| #3b7781 |
rgb(59,119,129) |
hsl(189,37%,37%) |
| #336770 |
rgb(51,103,112) |
hsl(189,37%,32%) |
| #2b575e |
rgb(43,87,94) |
hsl(189,37%,27%) |
| #23474d |
rgb(35,71,77) |
hsl(189,37%,22%) |
| #1b373b |
rgb(27,55,59) |
hsl(189,37%,17%) |
| #13272a |
rgb(19,39,42) |
hsl(189,37%,12%) |
| #0b1618 |
rgb(11,22,24) |
hsl(189,37%,7%) |
| #030607 |
rgb(3,6,7) |
hsl(189,37%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #337050 |
rgb(51,112,80) |
hsl(149,37%,32%) |
| #336770 |
rgb(51,103,112) |
hsl(189,37%,32%) |
| #333D70 |
rgb(51,61,112) |
hsl(230,37%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7881 |
rgb(59,120,129) |
hsl(188,37%,37%) |
| #336770 |
rgb(51,103,112) |
hsl(189,37%,32%) |
| #2A575E |
rgb(42,87,94) |
hsl(188,38%,27%) |
| #22454C |
rgb(34,69,76) |
hsl(190,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 |
| #336770 |
rgb(51,103,112) |
hsl(189,37%,32%) |
| #703348 |
rgb(112,51,72) |
hsl(339,37%,32%) |
| #705933 |
rgb(112,89,51) |
hsl(37,37%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336770 |
rgb(51,103,112) |
hsl(189,37%,32%) |
| #703D33 |
rgb(112,61,51) |
hsl(10,37%,32%) |
| #33705A |
rgb(51,112,90) |
hsl(158,37%,32%) |
| #705933 |
rgb(112,89,51) |
hsl(37,37%,32%) |
