HEX #336171 color — Casal
The color #336171 is a dark shade and moderately saturated.
Palette
336171 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(195,38%,97%) |
#e3eef2 |
rgb(227,238,242) |
hsl(195,38%,92%) |
#d1e4ea |
rgb(209,228,234) |
hsl(195,38%,87%) |
#c0dae3 |
rgb(192,218,227) |
hsl(195,38%,82%) |
#aecfdb |
rgb(174,207,219) |
hsl(195,38%,77%) |
#9cc5d3 |
rgb(156,197,211) |
hsl(195,38%,72%) |
#8bbbcb |
rgb(139,187,203) |
hsl(195,38%,67%) |
#79b1c3 |
rgb(121,177,195) |
hsl(195,38%,62%) |
#68a6bb |
rgb(104,166,187) |
hsl(195,38%,57%) |
#569cb3 |
rgb(86,156,179) |
hsl(195,38%,52%) |
#4a8fa5 |
rgb(74,143,165) |
hsl(195,38%,47%) |
#427f94 |
rgb(66,127,148) |
hsl(195,38%,42%) |
#3a7082 |
rgb(58,112,130) |
hsl(195,38%,37%) |
#336171 |
rgb(51,97,113) |
hsl(195,38%,32%) |
#2b525f |
rgb(43,82,95) |
hsl(195,38%,27%) |
#23434d |
rgb(35,67,77) |
hsl(195,38%,22%) |
#1b343c |
rgb(27,52,60) |
hsl(195,38%,17%) |
#13242a |
rgb(19,36,42) |
hsl(195,38%,12%) |
#0b1519 |
rgb(11,21,25) |
hsl(195,38%,7%) |
#030607 |
rgb(3,6,7) |
hsl(195,38%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#337057 |
rgb(51,112,87) |
hsl(155,37%,32%) |
#336171 |
rgb(51,97,113) |
hsl(195,38%,32%) |
#333871 |
rgb(51,56,113) |
hsl(235,38%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7083 |
rgb(59,112,131) |
hsl(196,38%,37%) |
#336171 |
rgb(51,97,113) |
hsl(195,38%,32%) |
#2A525E |
rgb(42,82,94) |
hsl(194,38%,27%) |
#22424C |
rgb(34,66,76) |
hsl(194,38%,22%) |
#1A333A |
rgb(26,51,58) |
hsl(193,38%,16%) |
#122428 |
rgb(18,36,40) |
hsl(191,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336171 |
rgb(51,97,113) |
hsl(195,38%,32%) |
#713342 |
rgb(113,51,66) |
hsl(345,38%,32%) |
#716133 |
rgb(113,97,51) |
hsl(45,38%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336171 |
rgb(51,97,113) |
hsl(195,38%,32%) |
#714233 |
rgb(113,66,51) |
hsl(15,38%,32%) |
#337062 |
rgb(51,112,98) |
hsl(166,37%,32%) |
#716133 |
rgb(113,97,51) |
hsl(45,38%,32%) |