HEX #304A61 color — San Juan
The color #304A61 is a dark shade and moderately saturated.
Palette
304A61 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fafc |
rgb(248,250,252) |
hsl(208,34%,98%) |
| #e7eef3 |
rgb(231,238,243) |
hsl(208,34%,93%) |
| #d6e1eb |
rgb(214,225,235) |
hsl(208,34%,88%) |
| #c5d5e2 |
rgb(197,213,226) |
hsl(208,34%,83%) |
| #b4c8da |
rgb(180,200,218) |
hsl(208,34%,78%) |
| #a3bcd2 |
rgb(163,188,210) |
hsl(208,34%,73%) |
| #92afc9 |
rgb(146,175,201) |
hsl(208,34%,68%) |
| #81a3c1 |
rgb(129,163,193) |
hsl(208,34%,63%) |
| #6f96b8 |
rgb(111,150,184) |
hsl(208,34%,58%) |
| #5e8ab0 |
rgb(94,138,176) |
hsl(208,34%,53%) |
| #517da4 |
rgb(81,125,164) |
hsl(208,34%,48%) |
| #487093 |
rgb(72,112,147) |
hsl(208,34%,43%) |
| #406382 |
rgb(64,99,130) |
hsl(208,34%,38%) |
| #385671 |
rgb(56,86,113) |
hsl(208,34%,33%) |
| #2f4960 |
rgb(47,73,96) |
hsl(208,34%,28%) |
| #273c4f |
rgb(39,60,79) |
hsl(208,34%,23%) |
| #1e2f3e |
rgb(30,47,62) |
hsl(208,34%,18%) |
| #16222c |
rgb(22,34,44) |
hsl(208,34%,13%) |
| #0d151b |
rgb(13,21,27) |
hsl(208,34%,8%) |
| #05080a |
rgb(5,8,10) |
hsl(208,34%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306157 |
rgb(48,97,87) |
hsl(168,34%,28%) |
| #304A61 |
rgb(48,74,97) |
hsl(208,34%,28%) |
| #363061 |
rgb(54,48,97) |
hsl(247,34%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375770 |
rgb(55,87,112) |
hsl(206,34%,33%) |
| #304A61 |
rgb(48,74,97) |
hsl(208,34%,28%) |
| #283D51 |
rgb(40,61,81) |
hsl(209,34%,24%) |
| #203341 |
rgb(32,51,65) |
hsl(205,34%,19%) |
| #182632 |
rgb(24,38,50) |
hsl(208,35%,15%) |
| #111A22 |
rgb(17,26,34) |
hsl(208,33%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A61 |
rgb(48,74,97) |
hsl(208,34%,28%) |
| #613031 |
rgb(97,48,49) |
hsl(359,34%,28%) |
| #615E30 |
rgb(97,94,48) |
hsl(56,34%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A61 |
rgb(48,74,97) |
hsl(208,34%,28%) |
| #614730 |
rgb(97,71,48) |
hsl(28,34%,28%) |
| #30615F |
rgb(48,97,95) |
hsl(178,34%,28%) |
| #615E30 |
rgb(97,94,48) |
hsl(56,34%,28%) |
