HEX #304A70 color — San Juan
The color #304A70 is a dark shade and moderately saturated.
Palette
304A70 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f4f9 |
rgb(241,244,249) |
hsl(216,40%,96%) |
| #dfe6f1 |
rgb(223,230,241) |
hsl(216,40%,91%) |
| #cdd8ea |
rgb(205,216,234) |
hsl(216,40%,86%) |
| #bbcbe2 |
rgb(187,203,226) |
hsl(216,40%,81%) |
| #a9bdda |
rgb(169,189,218) |
hsl(216,40%,76%) |
| #97afd3 |
rgb(151,175,211) |
hsl(216,40%,71%) |
| #86a1cb |
rgb(134,161,203) |
hsl(216,40%,66%) |
| #7494c3 |
rgb(116,148,195) |
hsl(216,40%,61%) |
| #6286bc |
rgb(98,134,188) |
hsl(216,40%,56%) |
| #5078b4 |
rgb(80,120,180) |
hsl(216,40%,51%) |
| #466ca4 |
rgb(70,108,164) |
hsl(216,40%,46%) |
| #3f6092 |
rgb(63,96,146) |
hsl(216,40%,41%) |
| #375481 |
rgb(55,84,129) |
hsl(216,40%,36%) |
| #2f496f |
rgb(47,73,111) |
hsl(216,40%,31%) |
| #283d5d |
rgb(40,61,93) |
hsl(216,40%,26%) |
| #20314b |
rgb(32,49,75) |
hsl(216,40%,21%) |
| #182639 |
rgb(24,38,57) |
hsl(216,40%,16%) |
| #111a27 |
rgb(17,26,39) |
hsl(216,40%,11%) |
| #090e15 |
rgb(9,14,21) |
hsl(216,40%,6%) |
| #020204 |
rgb(2,2,4) |
hsl(216,40%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30706B |
rgb(48,112,107) |
hsl(175,40%,31%) |
| #304A70 |
rgb(48,74,112) |
hsl(216,40%,31%) |
| #403070 |
rgb(64,48,112) |
hsl(255,40%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375781 |
rgb(55,87,129) |
hsl(214,40%,36%) |
| #304A70 |
rgb(48,74,112) |
hsl(216,40%,31%) |
| #283D5E |
rgb(40,61,94) |
hsl(217,40%,26%) |
| #20334C |
rgb(32,51,76) |
hsl(214,41%,21%) |
| #18263A |
rgb(24,38,58) |
hsl(215,41%,16%) |
| #111A28 |
rgb(17,26,40) |
hsl(217,40%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A70 |
rgb(48,74,112) |
hsl(216,40%,31%) |
| #703630 |
rgb(112,54,48) |
hsl(6,40%,31%) |
| #6A7030 |
rgb(106,112,48) |
hsl(66,40%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A70 |
rgb(48,74,112) |
hsl(216,40%,31%) |
| #705730 |
rgb(112,87,48) |
hsl(37,40%,31%) |
| #306B70 |
rgb(48,107,112) |
hsl(185,40%,31%) |
| #6A7030 |
rgb(106,112,48) |
hsl(66,40%,31%) |
