HEX #334A6C color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

334A6C 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
#336B68 rgb(51,107,104) hsl(177,35%,31%)
#334A6C rgb(51,74,108) hsl(216,36%,31%)
#42336C rgb(66,51,108) hsl(256,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B577D rgb(59,87,125) hsl(215,36%,36%)
#334A6C rgb(51,74,108) hsl(216,36%,31%)
#2A3D5A rgb(42,61,90) hsl(216,36%,26%)
#223349 rgb(34,51,73) hsl(214,36%,21%)
#1A2638 rgb(26,38,56) hsl(216,37%,16%)
#121A26 rgb(18,26,38) hsl(216,36%,11%)

Triad color palettes

HEX RGB HSL
#334A6C rgb(51,74,108) hsl(216,36%,31%)
#6C3833 rgb(108,56,51) hsl(5,36%,31%)
#666B33 rgb(102,107,51) hsl(65,35%,31%)

Tetrad color palettes

HEX RGB HSL
#334A6C rgb(51,74,108) hsl(216,36%,31%)
#6C5433 rgb(108,84,51) hsl(35,36%,31%)
#33666C rgb(51,102,108) hsl(186,36%,31%)
#666B33 rgb(102,107,51) hsl(65,35%,31%)