HEX #346170 color — Casal
The color #346170 is a dark shade and moderately saturated.
Palette
346170 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(195,37%,97%) |
#e3eef2 |
rgb(227,238,242) |
hsl(195,37%,92%) |
#d2e4ea |
rgb(210,228,234) |
hsl(195,37%,87%) |
#c0dae2 |
rgb(192,218,226) |
hsl(195,37%,82%) |
#afcfda |
rgb(175,207,218) |
hsl(195,37%,77%) |
#9dc5d2 |
rgb(157,197,210) |
hsl(195,37%,72%) |
#8cbaca |
rgb(140,186,202) |
hsl(195,37%,67%) |
#7ab0c2 |
rgb(122,176,194) |
hsl(195,37%,62%) |
#69a6ba |
rgb(105,166,186) |
hsl(195,37%,57%) |
#579bb2 |
rgb(87,155,178) |
hsl(195,37%,52%) |
#4c8ea4 |
rgb(76,142,164) |
hsl(195,37%,47%) |
#437f93 |
rgb(67,127,147) |
hsl(195,37%,42%) |
#3b7081 |
rgb(59,112,129) |
hsl(195,37%,37%) |
#336170 |
rgb(51,97,112) |
hsl(195,37%,32%) |
#2b525e |
rgb(43,82,94) |
hsl(195,37%,27%) |
#23424d |
rgb(35,66,77) |
hsl(195,37%,22%) |
#1b333b |
rgb(27,51,59) |
hsl(195,37%,17%) |
#13242a |
rgb(19,36,42) |
hsl(195,37%,12%) |
#0b1518 |
rgb(11,21,24) |
hsl(195,37%,7%) |
#030607 |
rgb(3,6,7) |
hsl(195,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#347057 |
rgb(52,112,87) |
hsl(155,37%,32%) |
#346170 |
rgb(52,97,112) |
hsl(195,37%,32%) |
#343870 |
rgb(52,56,112) |
hsl(236,37%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C7081 |
rgb(60,112,129) |
hsl(195,37%,37%) |
#346170 |
rgb(52,97,112) |
hsl(195,37%,32%) |
#2B525E |
rgb(43,82,94) |
hsl(194,37%,27%) |
#23424C |
rgb(35,66,76) |
hsl(195,37%,22%) |
#1B333A |
rgb(27,51,58) |
hsl(194,36%,17%) |
#122428 |
rgb(18,36,40) |
hsl(191,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#346170 |
rgb(52,97,112) |
hsl(195,37%,32%) |
#703343 |
rgb(112,51,67) |
hsl(344,37%,32%) |
#706134 |
rgb(112,97,52) |
hsl(45,37%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#346170 |
rgb(52,97,112) |
hsl(195,37%,32%) |
#704234 |
rgb(112,66,52) |
hsl(14,37%,32%) |
#347061 |
rgb(52,112,97) |
hsl(165,37%,32%) |
#706134 |
rgb(112,97,52) |
hsl(45,37%,32%) |