HEX #336471 color — Casal
The color #336471 is a dark shade and moderately saturated.
Palette
336471 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(193,38%,97%) |
#e3eff2 |
rgb(227,239,242) |
hsl(193,38%,92%) |
#d1e5ea |
rgb(209,229,234) |
hsl(193,38%,87%) |
#c0dbe3 |
rgb(192,219,227) |
hsl(193,38%,82%) |
#aed1db |
rgb(174,209,219) |
hsl(193,38%,77%) |
#9cc7d3 |
rgb(156,199,211) |
hsl(193,38%,72%) |
#8bbdcb |
rgb(139,189,203) |
hsl(193,38%,67%) |
#79b3c3 |
rgb(121,179,195) |
hsl(193,38%,62%) |
#68a9bb |
rgb(104,169,187) |
hsl(193,38%,57%) |
#569fb3 |
rgb(86,159,179) |
hsl(193,38%,52%) |
#4a92a5 |
rgb(74,146,165) |
hsl(193,38%,47%) |
#428294 |
rgb(66,130,148) |
hsl(193,38%,42%) |
#3a7382 |
rgb(58,115,130) |
hsl(193,38%,37%) |
#336371 |
rgb(51,99,113) |
hsl(193,38%,32%) |
#2b545f |
rgb(43,84,95) |
hsl(193,38%,27%) |
#23444d |
rgb(35,68,77) |
hsl(193,38%,22%) |
#1b353c |
rgb(27,53,60) |
hsl(193,38%,17%) |
#13252a |
rgb(19,37,42) |
hsl(193,38%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(193,38%,7%) |
#030607 |
rgb(3,6,7) |
hsl(193,38%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#337054 |
rgb(51,112,84) |
hsl(152,37%,32%) |
#336471 |
rgb(51,100,113) |
hsl(193,38%,32%) |
#333B71 |
rgb(51,59,113) |
hsl(232,38%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7383 |
rgb(59,115,131) |
hsl(193,38%,37%) |
#336471 |
rgb(51,100,113) |
hsl(193,38%,32%) |
#2A545E |
rgb(42,84,94) |
hsl(192,38%,27%) |
#22454C |
rgb(34,69,76) |
hsl(190,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 |
#336471 |
rgb(51,100,113) |
hsl(193,38%,32%) |
#713345 |
rgb(113,51,69) |
hsl(343,38%,32%) |
#715E33 |
rgb(113,94,51) |
hsl(42,38%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336471 |
rgb(51,100,113) |
hsl(193,38%,32%) |
#714033 |
rgb(113,64,51) |
hsl(13,38%,32%) |
#33705F |
rgb(51,112,95) |
hsl(163,37%,32%) |
#715E33 |
rgb(113,94,51) |
hsl(42,38%,32%) |