HEX #304C78 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304c78 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(217,43%,98%)
#e5ebf5 rgb(229,235,245) hsl(217,43%,93%)
#d3ddee rgb(211,221,238) hsl(217,43%,88%)
#c1cfe6 rgb(193,207,230) hsl(217,43%,83%)
#afc1df rgb(175,193,223) hsl(217,43%,78%)
#9db3d8 rgb(157,179,216) hsl(217,43%,73%)
#8aa5d0 rgb(138,165,208) hsl(217,43%,68%)
#7897c9 rgb(120,151,201) hsl(217,43%,63%)
#6689c2 rgb(102,137,194) hsl(217,43%,58%)
#547bbb rgb(84,123,187) hsl(217,43%,53%)
#466eaf rgb(70,110,175) hsl(217,43%,48%)
#3f639d rgb(63,99,157) hsl(217,43%,43%)
#37578b rgb(55,87,139) hsl(217,43%,38%)
#304c78 rgb(48,76,120) hsl(217,43%,33%)
#294066 rgb(41,64,102) hsl(217,43%,28%)
#213554 rgb(33,53,84) hsl(217,43%,23%)
#1a2942 rgb(26,41,66) hsl(217,43%,18%)
#131e2f rgb(19,30,47) hsl(217,43%,13%)
#0c121d rgb(12,18,29) hsl(217,43%,8%)
#04070b rgb(4,7,11) hsl(217,43%,3%)

Adjacent colors

HEX RGB HSL
#307874 rgb(48,120,116) hsl(177,43%,33%)
#304C78 rgb(48,76,120) hsl(217,43%,33%)
#443078 rgb(68,48,120) hsl(257,43%,33%)

Monochromatic colors

HEX RGB HSL
#37598B rgb(55,89,139) hsl(216,43%,38%)
#304C78 rgb(48,76,120) hsl(217,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
#304C78 rgb(48,76,120) hsl(217,43%,33%)
#783830 rgb(120,56,48) hsl(7,43%,33%)
#707830 rgb(112,120,48) hsl(67,43%,33%)

Tetrad color palettes

HEX RGB HSL
#304C78 rgb(48,76,120) hsl(217,43%,33%)
#785C30 rgb(120,92,48) hsl(37,43%,33%)
#307078 rgb(48,112,120) hsl(187,43%,33%)
#707830 rgb(112,120,48) hsl(67,43%,33%)