HEX #336972 color — Casal
The color #336972 is a dark shade and moderately saturated.
Palette
336972 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(189,38%,97%) |
#e3f0f2 |
rgb(227,240,242) |
hsl(189,38%,92%) |
#d1e7ea |
rgb(209,231,234) |
hsl(189,38%,87%) |
#c0dde3 |
rgb(192,221,227) |
hsl(189,38%,82%) |
#aed4db |
rgb(174,212,219) |
hsl(189,38%,77%) |
#9ccbd3 |
rgb(156,203,211) |
hsl(189,38%,72%) |
#8bc1cb |
rgb(139,193,203) |
hsl(189,38%,67%) |
#79b8c3 |
rgb(121,184,195) |
hsl(189,38%,62%) |
#68afbb |
rgb(104,175,187) |
hsl(189,38%,57%) |
#56a5b3 |
rgb(86,165,179) |
hsl(189,38%,52%) |
#4a98a5 |
rgb(74,152,165) |
hsl(189,38%,47%) |
#428894 |
rgb(66,136,148) |
hsl(189,38%,42%) |
#3a7782 |
rgb(58,119,130) |
hsl(189,38%,37%) |
#336771 |
rgb(51,103,113) |
hsl(189,38%,32%) |
#2b575f |
rgb(43,87,95) |
hsl(189,38%,27%) |
#23474d |
rgb(35,71,77) |
hsl(189,38%,22%) |
#1b373c |
rgb(27,55,60) |
hsl(189,38%,17%) |
#13272a |
rgb(19,39,42) |
hsl(189,38%,12%) |
#0b1719 |
rgb(11,23,25) |
hsl(189,38%,7%) |
#030607 |
rgb(3,6,7) |
hsl(189,38%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#337351 |
rgb(51,115,81) |
hsl(148,39%,33%) |
#336972 |
rgb(51,105,114) |
hsl(189,38%,32%) |
#334072 |
rgb(51,64,114) |
hsl(228,38%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7A84 |
rgb(59,122,132) |
hsl(188,38%,37%) |
#336972 |
rgb(51,105,114) |
hsl(189,38%,32%) |
#2A595F |
rgb(42,89,95) |
hsl(187,39%,27%) |
#22474D |
rgb(34,71,77) |
hsl(188,39%,22%) |
#1A363B |
rgb(26,54,59) |
hsl(189,39%,17%) |
#122629 |
rgb(18,38,41) |
hsl(188,39%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#336972 |
rgb(51,105,114) |
hsl(189,38%,32%) |
#723349 |
rgb(114,51,73) |
hsl(339,38%,32%) |
#725C33 |
rgb(114,92,51) |
hsl(39,38%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336972 |
rgb(51,105,114) |
hsl(189,38%,32%) |
#723D33 |
rgb(114,61,51) |
hsl(10,38%,32%) |
#33735B |
rgb(51,115,91) |
hsl(158,39%,33%) |
#725C33 |
rgb(114,92,51) |
hsl(39,38%,32%) |