HEX #344A6F color — San Juan

The color #344A6F is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

344A6F color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(218,36%,97%)
#e3e9f2 rgb(227,233,242) hsl(218,36%,92%)
#d2dbea rgb(210,219,234) hsl(218,36%,87%)
#c1cde2 rgb(193,205,226) hsl(218,36%,82%)
#afbfd9 rgb(175,191,217) hsl(218,36%,77%)
#9eb1d1 rgb(158,177,209) hsl(218,36%,72%)
#8da3c9 rgb(141,163,201) hsl(218,36%,67%)
#7b95c1 rgb(123,149,193) hsl(218,36%,62%)
#6a87b9 rgb(106,135,185) hsl(218,36%,57%)
#5979b1 rgb(89,121,177) hsl(218,36%,52%)
#4d6ca3 rgb(77,108,163) hsl(218,36%,47%)
#456192 rgb(69,97,146) hsl(218,36%,42%)
#3c5580 rgb(60,85,128) hsl(218,36%,37%)
#344a6f rgb(52,74,111) hsl(218,36%,32%)
#2c3e5e rgb(44,62,94) hsl(218,36%,27%)
#24334c rgb(36,51,76) hsl(218,36%,22%)
#1c273b rgb(28,39,59) hsl(218,36%,17%)
#141c2a rgb(20,28,42) hsl(218,36%,12%)
#0b1018 rgb(11,16,24) hsl(218,36%,7%)
#030507 rgb(3,5,7) hsl(218,36%,2%)

Adjacent colors

HEX RGB HSL
#34706C rgb(52,112,108) hsl(176,37%,32%)
#344A6F rgb(52,74,111) hsl(218,36%,32%)
#45336F rgb(69,51,111) hsl(258,37%,32%)

Monochromatic colors

HEX RGB HSL
#3C5780 rgb(60,87,128) hsl(216,36%,37%)
#344A6F rgb(52,74,111) hsl(218,36%,32%)
#2B3D5D rgb(43,61,93) hsl(218,37%,27%)
#23334B rgb(35,51,75) hsl(216,36%,22%)
#1B2639 rgb(27,38,57) hsl(218,36%,16%)
#121A27 rgb(18,26,39) hsl(217,37%,11%)

Triad color palettes

HEX RGB HSL
#344A6F rgb(52,74,111) hsl(218,36%,32%)
#6F3B34 rgb(111,59,52) hsl(7,36%,32%)
#677034 rgb(103,112,52) hsl(69,37%,32%)

Tetrad color palettes

HEX RGB HSL
#344A6F rgb(52,74,111) hsl(218,36%,32%)
#6F5934 rgb(111,89,52) hsl(38,36%,32%)
#34696F rgb(52,105,111) hsl(186,36%,32%)
#677034 rgb(103,112,52) hsl(69,37%,32%)