HEX #304F70 color — San Juan
The color #304F70 is a dark shade and moderately saturated.
Palette
304F70 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f5f9 |
rgb(241,245,249) |
hsl(211,40%,96%) |
| #dfe8f1 |
rgb(223,232,241) |
hsl(211,40%,91%) |
| #cddbea |
rgb(205,219,234) |
hsl(211,40%,86%) |
| #bbcee2 |
rgb(187,206,226) |
hsl(211,40%,81%) |
| #a9c1da |
rgb(169,193,218) |
hsl(211,40%,76%) |
| #97b4d3 |
rgb(151,180,211) |
hsl(211,40%,71%) |
| #86a7cb |
rgb(134,167,203) |
hsl(211,40%,66%) |
| #749ac3 |
rgb(116,154,195) |
hsl(211,40%,61%) |
| #628dbc |
rgb(98,141,188) |
hsl(211,40%,56%) |
| #5080b4 |
rgb(80,128,180) |
hsl(211,40%,51%) |
| #4674a4 |
rgb(70,116,164) |
hsl(211,40%,46%) |
| #3f6792 |
rgb(63,103,146) |
hsl(211,40%,41%) |
| #375b81 |
rgb(55,91,129) |
hsl(211,40%,36%) |
| #2f4e6f |
rgb(47,78,111) |
hsl(211,40%,31%) |
| #28415d |
rgb(40,65,93) |
hsl(211,40%,26%) |
| #20354b |
rgb(32,53,75) |
hsl(211,40%,21%) |
| #182839 |
rgb(24,40,57) |
hsl(211,40%,16%) |
| #111c27 |
rgb(17,28,39) |
hsl(211,40%,11%) |
| #090f15 |
rgb(9,15,21) |
hsl(211,40%,6%) |
| #020304 |
rgb(2,3,4) |
hsl(211,40%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #307066 |
rgb(48,112,102) |
hsl(171,40%,31%) |
| #304F70 |
rgb(48,79,112) |
hsl(211,40%,31%) |
| #3B3070 |
rgb(59,48,112) |
hsl(250,40%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375C81 |
rgb(55,92,129) |
hsl(210,40%,36%) |
| #304F70 |
rgb(48,79,112) |
hsl(211,40%,31%) |
| #28425E |
rgb(40,66,94) |
hsl(211,40%,26%) |
| #20364C |
rgb(32,54,76) |
hsl(210,41%,21%) |
| #18293A |
rgb(24,41,58) |
hsl(210,41%,16%) |
| #111C28 |
rgb(17,28,40) |
hsl(211,40%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304F70 |
rgb(48,79,112) |
hsl(211,40%,31%) |
| #703030 |
rgb(112,48,48) |
hsl(360,40%,31%) |
| #6F7030 |
rgb(111,112,48) |
hsl(61,40%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304F70 |
rgb(48,79,112) |
hsl(211,40%,31%) |
| #705230 |
rgb(112,82,48) |
hsl(32,40%,31%) |
| #307070 |
rgb(48,112,112) |
hsl(180,40%,31%) |
| #6F7030 |
rgb(111,112,48) |
hsl(61,40%,31%) |
