HEX #304A76 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304A76 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(218,42%,98%)
#e6ebf5 rgb(230,235,245) hsl(218,42%,93%)
#d4dded rgb(212,221,237) hsl(218,42%,88%)
#c1cfe6 rgb(193,207,230) hsl(218,42%,83%)
#afc1de rgb(175,193,222) hsl(218,42%,78%)
#9db2d7 rgb(157,178,215) hsl(218,42%,73%)
#8ba4d0 rgb(139,164,208) hsl(218,42%,68%)
#7996c8 rgb(121,150,200) hsl(218,42%,63%)
#6788c1 rgb(103,136,193) hsl(218,42%,58%)
#557ab9 rgb(85,122,185) hsl(218,42%,53%)
#476dae rgb(71,109,174) hsl(218,42%,48%)
#40619c rgb(64,97,156) hsl(218,42%,43%)
#38568a rgb(56,86,138) hsl(218,42%,38%)
#314b77 rgb(49,75,119) hsl(218,42%,33%)
#293f65 rgb(41,63,101) hsl(218,42%,28%)
#223453 rgb(34,52,83) hsl(218,42%,23%)
#1b2941 rgb(27,41,65) hsl(218,42%,18%)
#131d2f rgb(19,29,47) hsl(218,42%,13%)
#0c121d rgb(12,18,29) hsl(218,42%,8%)
#04070b rgb(4,7,11) hsl(218,42%,3%)

Adjacent colors

HEX RGB HSL
#307573 rgb(48,117,115) hsl(178,42%,32%)
#304A76 rgb(48,74,118) hsl(218,42%,33%)
#443076 rgb(68,48,118) hsl(257,42%,33%)

Monochromatic colors

HEX RGB HSL
#375788 rgb(55,87,136) hsl(216,42%,37%)
#304A76 rgb(48,74,118) hsl(218,42%,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
#304A76 rgb(48,74,118) hsl(218,42%,33%)
#763830 rgb(118,56,48) hsl(7,42%,33%)
#6D7530 rgb(109,117,48) hsl(67,42%,32%)

Tetrad color palettes

HEX RGB HSL
#304A76 rgb(48,74,118) hsl(218,42%,33%)
#765C30 rgb(118,92,48) hsl(38,42%,33%)
#306E76 rgb(48,110,118) hsl(187,42%,33%)
#6D7530 rgb(109,117,48) hsl(67,42%,32%)