HEX #304B78 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304b78 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
#307875 rgb(48,120,117) hsl(178,43%,33%)
#304B78 rgb(48,75,120) hsl(218,43%,33%)
#453078 rgb(69,48,120) hsl(258,43%,33%)

Monochromatic colors

HEX RGB HSL
#37578B rgb(55,87,139) hsl(217,43%,38%)
#304B78 rgb(48,75,120) hsl(218,43%,33%)
#284064 rgb(40,64,100) hsl(216,43%,27%)
#203351 rgb(32,51,81) hsl(217,43%,22%)
#18263E rgb(24,38,62) hsl(218,44%,17%)
#111C2B rgb(17,28,43) hsl(215,43%,12%)

Triad color palettes

HEX RGB HSL
#304B78 rgb(48,75,120) hsl(218,43%,33%)
#783830 rgb(120,56,48) hsl(7,43%,33%)
#6F7830 rgb(111,120,48) hsl(68,43%,33%)

Tetrad color palettes

HEX RGB HSL
#304B78 rgb(48,75,120) hsl(218,43%,33%)
#785C30 rgb(120,92,48) hsl(37,43%,33%)
#307078 rgb(48,112,120) hsl(187,43%,33%)
#6F7830 rgb(111,120,48) hsl(68,43%,33%)