HEX #304A78 color — San Juan

The color #304A78 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304A78 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(218,43%,98%)
#e5ebf5 rgb(229,235,245) hsl(218,43%,93%)
#d3ddee rgb(211,221,238) hsl(218,43%,88%)
#c1cfe6 rgb(193,207,230) hsl(218,43%,83%)
#afc0df rgb(175,192,223) hsl(218,43%,78%)
#9db2d8 rgb(157,178,216) hsl(218,43%,73%)
#8aa4d0 rgb(138,164,208) hsl(218,43%,68%)
#7896c9 rgb(120,150,201) hsl(218,43%,63%)
#6688c2 rgb(102,136,194) hsl(218,43%,58%)
#5479bb rgb(84,121,187) hsl(218,43%,53%)
#466caf rgb(70,108,175) hsl(218,43%,48%)
#3f619d rgb(63,97,157) hsl(218,43%,43%)
#37568b rgb(55,86,139) hsl(218,43%,38%)
#304b78 rgb(48,75,120) hsl(218,43%,33%)
#293f66 rgb(41,63,102) hsl(218,43%,28%)
#213454 rgb(33,52,84) hsl(218,43%,23%)
#1a2942 rgb(26,41,66) hsl(218,43%,18%)
#131d2f rgb(19,29,47) hsl(218,43%,13%)
#0c121d rgb(12,18,29) hsl(218,43%,8%)
#04070b rgb(4,7,11) hsl(218,43%,3%)

Adjacent colors

HEX RGB HSL
#307876 rgb(48,120,118) hsl(178,43%,33%)
#304A78 rgb(48,74,120) hsl(218,43%,33%)
#463078 rgb(70,48,120) hsl(258,43%,33%)

Monochromatic colors

HEX RGB HSL
#37578B rgb(55,87,139) hsl(217,43%,38%)
#304A78 rgb(48,74,120) hsl(218,43%,33%)
#283D64 rgb(40,61,100) hsl(219,43%,27%)
#203351 rgb(32,51,81) hsl(217,43%,22%)
#18263E rgb(24,38,62) hsl(218,44%,17%)
#111A2B rgb(17,26,43) hsl(219,43%,12%)

Triad color palettes

HEX RGB HSL
#304A78 rgb(48,74,120) hsl(218,43%,33%)
#783B30 rgb(120,59,48) hsl(9,43%,33%)
#6E7830 rgb(110,120,48) hsl(68,43%,33%)

Tetrad color palettes

HEX RGB HSL
#304A78 rgb(48,74,120) hsl(218,43%,33%)
#785E30 rgb(120,94,48) hsl(38,43%,33%)
#306E78 rgb(48,110,120) hsl(188,43%,33%)
#6E7830 rgb(110,120,48) hsl(68,43%,33%)