HEX #304369 color — San Juan
The color #304369 is a dark shade and moderately saturated.
Palette
304369 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef1f7 |
rgb(238,241,247) |
hsl(220,37%,95%) |
| #dce2ef |
rgb(220,226,239) |
hsl(220,37%,90%) |
| #cbd4e7 |
rgb(203,212,231) |
hsl(220,37%,85%) |
| #b9c6df |
rgb(185,198,223) |
hsl(220,37%,80%) |
| #a8b7d7 |
rgb(168,183,215) |
hsl(220,37%,75%) |
| #96a9cf |
rgb(150,169,207) |
hsl(220,37%,70%) |
| #859bc7 |
rgb(133,155,199) |
hsl(220,37%,65%) |
| #738cbf |
rgb(115,140,191) |
hsl(220,37%,60%) |
| #627eb7 |
rgb(98,126,183) |
hsl(220,37%,55%) |
| #5070af |
rgb(80,112,175) |
hsl(220,37%,50%) |
| #48659d |
rgb(72,101,157) |
hsl(220,37%,45%) |
| #40598c |
rgb(64,89,140) |
hsl(220,37%,40%) |
| #384e7a |
rgb(56,78,122) |
hsl(220,37%,35%) |
| #304369 |
rgb(48,67,105) |
hsl(220,37%,30%) |
| #283857 |
rgb(40,56,87) |
hsl(220,37%,25%) |
| #202d46 |
rgb(32,45,70) |
hsl(220,37%,20%) |
| #182234 |
rgb(24,34,52) |
hsl(220,37%,15%) |
| #101623 |
rgb(16,22,35) |
hsl(220,37%,10%) |
| #080b11 |
rgb(8,11,17) |
hsl(220,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306969 |
rgb(48,105,105) |
hsl(180,37%,30%) |
| #304369 |
rgb(48,67,105) |
hsl(220,37%,30%) |
| #433069 |
rgb(67,48,105) |
hsl(260,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #374D79 |
rgb(55,77,121) |
hsl(220,38%,35%) |
| #304369 |
rgb(48,67,105) |
hsl(220,37%,30%) |
| #283858 |
rgb(40,56,88) |
hsl(220,38%,25%) |
| #202E47 |
rgb(32,46,71) |
hsl(218,38%,20%) |
| #182436 |
rgb(24,36,54) |
hsl(216,38%,15%) |
| #111725 |
rgb(17,23,37) |
hsl(222,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304369 |
rgb(48,67,105) |
hsl(220,37%,30%) |
| #693B30 |
rgb(105,59,48) |
hsl(12,37%,30%) |
| #5F6930 |
rgb(95,105,48) |
hsl(71,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304369 |
rgb(48,67,105) |
hsl(220,37%,30%) |
| #695730 |
rgb(105,87,48) |
hsl(41,37%,30%) |
| #305E69 |
rgb(48,94,105) |
hsl(192,37%,30%) |
| #5F6930 |
rgb(95,105,48) |
hsl(71,37%,30%) |
