HEX #334A6D color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

334A6D color palette from light to dark

HEX RGB HSL
#f1f4f8 rgb(241,244,248) hsl(216,36%,96%)
#e0e6f0 rgb(224,230,240) hsl(216,36%,91%)
#ced9e8 rgb(206,217,232) hsl(216,36%,86%)
#bdcbe0 rgb(189,203,224) hsl(216,36%,81%)
#acbdd8 rgb(172,189,216) hsl(216,36%,76%)
#9ab0d0 rgb(154,176,208) hsl(216,36%,71%)
#89a2c8 rgb(137,162,200) hsl(216,36%,66%)
#7894bf rgb(120,148,191) hsl(216,36%,61%)
#6687b7 rgb(102,135,183) hsl(216,36%,56%)
#5579af rgb(85,121,175) hsl(216,36%,51%)
#4b6da0 rgb(75,109,160) hsl(216,36%,46%)
#43618e rgb(67,97,142) hsl(216,36%,41%)
#3b557d rgb(59,85,125) hsl(216,36%,36%)
#33496c rgb(51,73,108) hsl(216,36%,31%)
#2a3e5a rgb(42,62,90) hsl(216,36%,26%)
#223249 rgb(34,50,73) hsl(216,36%,21%)
#1a2637 rgb(26,38,55) hsl(216,36%,16%)
#121a26 rgb(18,26,38) hsl(216,36%,11%)
#0a0e15 rgb(10,14,21) hsl(216,36%,6%)
#020203 rgb(2,2,3) hsl(216,36%,1%)

Adjacent colors

HEX RGB HSL
#336E69 rgb(51,110,105) hsl(175,37%,32%)
#334A6D rgb(51,74,109) hsl(216,36%,31%)
#42336D rgb(66,51,109) hsl(256,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B577E rgb(59,87,126) hsl(215,36%,36%)
#334A6D rgb(51,74,109) hsl(216,36%,31%)
#2A3D5B rgb(42,61,91) hsl(217,37%,26%)
#22334A rgb(34,51,74) hsl(215,37%,21%)
#1A2638 rgb(26,38,56) hsl(216,37%,16%)
#121A27 rgb(18,26,39) hsl(217,37%,11%)

Triad color palettes

HEX RGB HSL
#334A6D rgb(51,74,109) hsl(216,36%,31%)
#6D3833 rgb(109,56,51) hsl(5,36%,31%)
#676E33 rgb(103,110,51) hsl(67,37%,32%)

Tetrad color palettes

HEX RGB HSL
#334A6D rgb(51,74,109) hsl(216,36%,31%)
#6D5733 rgb(109,87,51) hsl(37,36%,31%)
#33666D rgb(51,102,109) hsl(187,36%,31%)
#676E33 rgb(103,110,51) hsl(67,37%,32%)