HEX #304A78 color — San Juan
The color #304A78 is a dark shade and moderately saturated.
Palette
304A78 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 |
#307876 |
rgb(48,120,118) |
hsl(178,43%,33%) |
#304A78 |
rgb(48,74,120) |
hsl(218,43%,33%) |
#463078 |
rgb(70,48,120) |
hsl(258,43%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37578B |
rgb(55,87,139) |
hsl(217,43%,38%) |
#304A78 |
rgb(48,74,120) |
hsl(218,43%,33%) |
#283D64 |
rgb(40,61,100) |
hsl(219,43%,27%) |
#203351 |
rgb(32,51,81) |
hsl(217,43%,22%) |
#18263E |
rgb(24,38,62) |
hsl(218,44%,17%) |
#111A2B |
rgb(17,26,43) |
hsl(219,43%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A78 |
rgb(48,74,120) |
hsl(218,43%,33%) |
#783B30 |
rgb(120,59,48) |
hsl(9,43%,33%) |
#6E7830 |
rgb(110,120,48) |
hsl(68,43%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A78 |
rgb(48,74,120) |
hsl(218,43%,33%) |
#785E30 |
rgb(120,94,48) |
hsl(38,43%,33%) |
#306E78 |
rgb(48,110,120) |
hsl(188,43%,33%) |
#6E7830 |
rgb(110,120,48) |
hsl(68,43%,33%) |