HEX #304A77 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304A77 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
#307874 rgb(48,120,116) hsl(177,43%,33%)
#304A77 rgb(48,74,119) hsl(218,43%,33%)
#453077 rgb(69,48,119) hsl(258,43%,33%)

Monochromatic colors

HEX RGB HSL
#37578A rgb(55,87,138) hsl(217,43%,38%)
#304A77 rgb(48,74,119) hsl(218,43%,33%)
#283D63 rgb(40,61,99) hsl(219,42%,27%)
#203350 rgb(32,51,80) hsl(216,43%,22%)
#18263D rgb(24,38,61) hsl(217,44%,17%)
#111A2A rgb(17,26,42) hsl(218,42%,12%)

Triad color palettes

HEX RGB HSL
#304A77 rgb(48,74,119) hsl(218,43%,33%)
#773B30 rgb(119,59,48) hsl(9,43%,33%)
#6D7830 rgb(109,120,48) hsl(69,43%,33%)

Tetrad color palettes

HEX RGB HSL
#304A77 rgb(48,74,119) hsl(218,43%,33%)
#775C30 rgb(119,92,48) hsl(37,43%,33%)
#306E77 rgb(48,110,119) hsl(188,43%,33%)
#6D7830 rgb(109,120,48) hsl(69,43%,33%)