HEX #366170 color — Casal
The color #366170 is a dark shade and moderately saturated.
Palette
366170 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(196,35%,98%) |
#e7f0f3 |
rgb(231,240,243) |
hsl(196,35%,93%) |
#d6e5eb |
rgb(214,229,235) |
hsl(196,35%,88%) |
#c4dbe3 |
rgb(196,219,227) |
hsl(196,35%,83%) |
#b3d0db |
rgb(179,208,219) |
hsl(196,35%,78%) |
#a2c5d2 |
rgb(162,197,210) |
hsl(196,35%,73%) |
#91bbca |
rgb(145,187,202) |
hsl(196,35%,68%) |
#80b0c2 |
rgb(128,176,194) |
hsl(196,35%,63%) |
#6ea5b9 |
rgb(110,165,185) |
hsl(196,35%,58%) |
#5d9bb1 |
rgb(93,155,177) |
hsl(196,35%,53%) |
#508ea5 |
rgb(80,142,165) |
hsl(196,35%,48%) |
#478094 |
rgb(71,128,148) |
hsl(196,35%,43%) |
#3f7183 |
rgb(63,113,131) |
hsl(196,35%,38%) |
#376272 |
rgb(55,98,114) |
hsl(196,35%,33%) |
#2e5360 |
rgb(46,83,96) |
hsl(196,35%,28%) |
#26444f |
rgb(38,68,79) |
hsl(196,35%,23%) |
#1e353e |
rgb(30,53,62) |
hsl(196,35%,18%) |
#16272d |
rgb(22,39,45) |
hsl(196,35%,13%) |
#0d181c |
rgb(13,24,28) |
hsl(196,35%,8%) |
#05090a |
rgb(5,9,10) |
hsl(196,35%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#367058 |
rgb(54,112,88) |
hsl(155,35%,33%) |
#366170 |
rgb(54,97,112) |
hsl(196,35%,33%) |
#363B70 |
rgb(54,59,112) |
hsl(235,35%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3E7081 |
rgb(62,112,129) |
hsl(195,35%,37%) |
#366170 |
rgb(54,97,112) |
hsl(196,35%,33%) |
#2D525E |
rgb(45,82,94) |
hsl(195,35%,27%) |
#24424C |
rgb(36,66,76) |
hsl(195,36%,22%) |
#1C333A |
rgb(28,51,58) |
hsl(194,35%,17%) |
#132428 |
rgb(19,36,40) |
hsl(191,36%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#366170 |
rgb(54,97,112) |
hsl(196,35%,33%) |
#703644 |
rgb(112,54,68) |
hsl(346,35%,33%) |
#706136 |
rgb(112,97,54) |
hsl(44,35%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366170 |
rgb(54,97,112) |
hsl(196,35%,33%) |
#704536 |
rgb(112,69,54) |
hsl(16,35%,33%) |
#367062 |
rgb(54,112,98) |
hsl(166,35%,33%) |
#706136 |
rgb(112,97,54) |
hsl(44,35%,33%) |