HEX #345E70 color — Casal
The color #345E70 is a dark shade and moderately saturated.
Palette
345E70 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(198,37%,97%) |
#e3eef2 |
rgb(227,238,242) |
hsl(198,37%,92%) |
#d2e3ea |
rgb(210,227,234) |
hsl(198,37%,87%) |
#c0d8e2 |
rgb(192,216,226) |
hsl(198,37%,82%) |
#afcdda |
rgb(175,205,218) |
hsl(198,37%,77%) |
#9dc2d2 |
rgb(157,194,210) |
hsl(198,37%,72%) |
#8cb7ca |
rgb(140,183,202) |
hsl(198,37%,67%) |
#7aacc2 |
rgb(122,172,194) |
hsl(198,37%,62%) |
#69a2ba |
rgb(105,162,186) |
hsl(198,37%,57%) |
#5797b2 |
rgb(87,151,178) |
hsl(198,37%,52%) |
#4c8aa4 |
rgb(76,138,164) |
hsl(198,37%,47%) |
#437b93 |
rgb(67,123,147) |
hsl(198,37%,42%) |
#3b6c81 |
rgb(59,108,129) |
hsl(198,37%,37%) |
#335e70 |
rgb(51,94,112) |
hsl(198,37%,32%) |
#2b4f5e |
rgb(43,79,94) |
hsl(198,37%,27%) |
#23404d |
rgb(35,64,77) |
hsl(198,37%,22%) |
#1b323b |
rgb(27,50,59) |
hsl(198,37%,17%) |
#13232a |
rgb(19,35,42) |
hsl(198,37%,12%) |
#0b1418 |
rgb(11,20,24) |
hsl(198,37%,7%) |
#030607 |
rgb(3,6,7) |
hsl(198,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34705A |
rgb(52,112,90) |
hsl(158,37%,32%) |
#345E70 |
rgb(52,94,112) |
hsl(198,37%,32%) |
#343670 |
rgb(52,54,112) |
hsl(238,37%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C6E81 |
rgb(60,110,129) |
hsl(197,37%,37%) |
#345E70 |
rgb(52,94,112) |
hsl(198,37%,32%) |
#2B4F5E |
rgb(43,79,94) |
hsl(198,37%,27%) |
#23404C |
rgb(35,64,76) |
hsl(198,37%,22%) |
#1B303A |
rgb(27,48,58) |
hsl(199,36%,17%) |
#122128 |
rgb(18,33,40) |
hsl(199,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#345E70 |
rgb(52,94,112) |
hsl(198,37%,32%) |
#703340 |
rgb(112,51,64) |
hsl(347,37%,32%) |
#706334 |
rgb(112,99,52) |
hsl(47,37%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345E70 |
rgb(52,94,112) |
hsl(198,37%,32%) |
#704534 |
rgb(112,69,52) |
hsl(17,37%,32%) |
#347064 |
rgb(52,112,100) |
hsl(168,37%,32%) |
#706334 |
rgb(112,99,52) |
hsl(47,37%,32%) |