HEX #336870 color — Casal
The color #336870 is a dark shade and moderately saturated.
Palette
336870 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(188,37%,97%) |
#e3f0f2 |
rgb(227,240,242) |
hsl(188,37%,92%) |
#d2e7ea |
rgb(210,231,234) |
hsl(188,37%,87%) |
#c0dee2 |
rgb(192,222,226) |
hsl(188,37%,82%) |
#afd4da |
rgb(175,212,218) |
hsl(188,37%,77%) |
#9dcbd2 |
rgb(157,203,210) |
hsl(188,37%,72%) |
#8cc2ca |
rgb(140,194,202) |
hsl(188,37%,67%) |
#7ab8c2 |
rgb(122,184,194) |
hsl(188,37%,62%) |
#69afba |
rgb(105,175,186) |
hsl(188,37%,57%) |
#57a6b2 |
rgb(87,166,178) |
hsl(188,37%,52%) |
#4c98a4 |
rgb(76,152,164) |
hsl(188,37%,47%) |
#438893 |
rgb(67,136,147) |
hsl(188,37%,42%) |
#3b7881 |
rgb(59,120,129) |
hsl(188,37%,37%) |
#336870 |
rgb(51,104,112) |
hsl(188,37%,32%) |
#2b585e |
rgb(43,88,94) |
hsl(188,37%,27%) |
#23474d |
rgb(35,71,77) |
hsl(188,37%,22%) |
#1b373b |
rgb(27,55,59) |
hsl(188,37%,17%) |
#13272a |
rgb(19,39,42) |
hsl(188,37%,12%) |
#0b1718 |
rgb(11,23,24) |
hsl(188,37%,7%) |
#030607 |
rgb(3,6,7) |
hsl(188,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33704F |
rgb(51,112,79) |
hsl(148,37%,32%) |
#336870 |
rgb(51,104,112) |
hsl(188,37%,32%) |
#334070 |
rgb(51,64,112) |
hsl(227,37%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7881 |
rgb(59,120,129) |
hsl(188,37%,37%) |
#336870 |
rgb(51,104,112) |
hsl(188,37%,32%) |
#2A575E |
rgb(42,87,94) |
hsl(188,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 |
#336870 |
rgb(51,104,112) |
hsl(188,37%,32%) |
#703349 |
rgb(112,51,73) |
hsl(338,37%,32%) |
#705933 |
rgb(112,89,51) |
hsl(37,37%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336870 |
rgb(51,104,112) |
hsl(188,37%,32%) |
#703B33 |
rgb(112,59,51) |
hsl(8,37%,32%) |
#337059 |
rgb(51,112,89) |
hsl(157,37%,32%) |
#705933 |
rgb(112,89,51) |
hsl(37,37%,32%) |