HEX #304F78 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304F78 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(214,43%,98%)
#e5ecf5 rgb(229,236,245) hsl(214,43%,93%)
#d3dfee rgb(211,223,238) hsl(214,43%,88%)
#c1d1e6 rgb(193,209,230) hsl(214,43%,83%)
#afc4df rgb(175,196,223) hsl(214,43%,78%)
#9db6d8 rgb(157,182,216) hsl(214,43%,73%)
#8aa9d0 rgb(138,169,208) hsl(214,43%,68%)
#789bc9 rgb(120,155,201) hsl(214,43%,63%)
#668ec2 rgb(102,142,194) hsl(214,43%,58%)
#5480bb rgb(84,128,187) hsl(214,43%,53%)
#4673af rgb(70,115,175) hsl(214,43%,48%)
#3f679d rgb(63,103,157) hsl(214,43%,43%)
#375b8b rgb(55,91,139) hsl(214,43%,38%)
#304f78 rgb(48,79,120) hsl(214,43%,33%)
#294366 rgb(41,67,102) hsl(214,43%,28%)
#213754 rgb(33,55,84) hsl(214,43%,23%)
#1a2b42 rgb(26,43,66) hsl(214,43%,18%)
#131f2f rgb(19,31,47) hsl(214,43%,13%)
#0c131d rgb(12,19,29) hsl(214,43%,8%)
#04070b rgb(4,7,11) hsl(214,43%,3%)

Adjacent colors

HEX RGB HSL
#307871 rgb(48,120,113) hsl(174,43%,33%)
#304F78 rgb(48,79,120) hsl(214,43%,33%)
#413078 rgb(65,48,120) hsl(254,43%,33%)

Monochromatic colors

HEX RGB HSL
#375C8B rgb(55,92,139) hsl(214,43%,38%)
#304F78 rgb(48,79,120) hsl(214,43%,33%)
#284264 rgb(40,66,100) hsl(214,43%,27%)
#203651 rgb(32,54,81) hsl(213,43%,22%)
#18293E rgb(24,41,62) hsl(213,44%,17%)
#111C2B rgb(17,28,43) hsl(215,43%,12%)

Triad color palettes

HEX RGB HSL
#304F78 rgb(48,79,120) hsl(214,43%,33%)
#783630 rgb(120,54,48) hsl(5,43%,33%)
#737830 rgb(115,120,48) hsl(64,43%,33%)

Tetrad color palettes

HEX RGB HSL
#304F78 rgb(48,79,120) hsl(214,43%,33%)
#785930 rgb(120,89,48) hsl(34,43%,33%)
#307378 rgb(48,115,120) hsl(184,43%,33%)
#737830 rgb(115,120,48) hsl(64,43%,33%)