HEX #334A70 color — San Juan

The color #334a70 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

334a70 color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(217,37%,97%)
#e3e9f2 rgb(227,233,242) hsl(217,37%,92%)
#d2dbea rgb(210,219,234) hsl(217,37%,87%)
#c0cde2 rgb(192,205,226) hsl(217,37%,82%)
#afbfda rgb(175,191,218) hsl(217,37%,77%)
#9db1d2 rgb(157,177,210) hsl(217,37%,72%)
#8ca4ca rgb(140,164,202) hsl(217,37%,67%)
#7a96c2 rgb(122,150,194) hsl(217,37%,62%)
#6988ba rgb(105,136,186) hsl(217,37%,57%)
#577ab2 rgb(87,122,178) hsl(217,37%,52%)
#4c6ea4 rgb(76,110,164) hsl(217,37%,47%)
#436293 rgb(67,98,147) hsl(217,37%,42%)
#3b5681 rgb(59,86,129) hsl(217,37%,37%)
#334b70 rgb(51,75,112) hsl(217,37%,32%)
#2b3f5e rgb(43,63,94) hsl(217,37%,27%)
#23334d rgb(35,51,77) hsl(217,37%,22%)
#1b283b rgb(27,40,59) hsl(217,37%,17%)
#131c2a rgb(19,28,42) hsl(217,37%,12%)
#0b1018 rgb(11,16,24) hsl(217,37%,7%)
#030507 rgb(3,5,7) hsl(217,37%,2%)

Adjacent colors

HEX RGB HSL
#33706D rgb(51,112,109) hsl(177,37%,32%)
#334A70 rgb(51,74,112) hsl(217,37%,32%)
#443370 rgb(68,51,112) hsl(257,37%,32%)

Monochromatic colors

HEX RGB HSL
#3B5781 rgb(59,87,129) hsl(216,37%,37%)
#334A70 rgb(51,74,112) hsl(217,37%,32%)
#2A3D5E rgb(42,61,94) hsl(218,38%,27%)
#22334C rgb(34,51,76) hsl(216,38%,22%)
#1A263A rgb(26,38,58) hsl(218,38%,16%)
#121A28 rgb(18,26,40) hsl(218,38%,11%)

Triad color palettes

HEX RGB HSL
#334A70 rgb(51,74,112) hsl(217,37%,32%)
#703B33 rgb(112,59,51) hsl(8,37%,32%)
#687033 rgb(104,112,51) hsl(68,37%,32%)

Tetrad color palettes

HEX RGB HSL
#334A70 rgb(51,74,112) hsl(217,37%,32%)
#705933 rgb(112,89,51) hsl(37,37%,32%)
#336970 rgb(51,105,112) hsl(187,37%,32%)
#687033 rgb(104,112,51) hsl(68,37%,32%)