HEX #304D71 color — San Juan
The color #304D71 is a dark shade and moderately saturated.
Palette
304D71 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7fa |
rgb(244,247,250) |
hsl(213,40%,97%) |
| #e2eaf3 |
rgb(226,234,243) |
hsl(213,40%,92%) |
| #d1ddeb |
rgb(209,221,235) |
hsl(213,40%,87%) |
| #bfcfe3 |
rgb(191,207,227) |
hsl(213,40%,82%) |
| #adc2dc |
rgb(173,194,220) |
hsl(213,40%,77%) |
| #9bb5d4 |
rgb(155,181,212) |
hsl(213,40%,72%) |
| #89a7cd |
rgb(137,167,205) |
hsl(213,40%,67%) |
| #779ac5 |
rgb(119,154,197) |
hsl(213,40%,62%) |
| #658dbd |
rgb(101,141,189) |
hsl(213,40%,57%) |
| #5480b6 |
rgb(84,128,182) |
hsl(213,40%,52%) |
| #4873a8 |
rgb(72,115,168) |
hsl(213,40%,47%) |
| #406796 |
rgb(64,103,150) |
hsl(213,40%,42%) |
| #395b84 |
rgb(57,91,132) |
hsl(213,40%,37%) |
| #314e72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #294260 |
rgb(41,66,96) |
hsl(213,40%,27%) |
| #22364f |
rgb(34,54,79) |
hsl(213,40%,22%) |
| #1a2a3d |
rgb(26,42,61) |
hsl(213,40%,17%) |
| #121d2b |
rgb(18,29,43) |
hsl(213,40%,12%) |
| #0b1119 |
rgb(11,17,25) |
hsl(213,40%,7%) |
| #030507 |
rgb(3,5,7) |
hsl(213,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #307069 |
rgb(48,112,105) |
hsl(173,40%,31%) |
| #304D71 |
rgb(48,77,113) |
hsl(213,40%,32%) |
| #3E3071 |
rgb(62,48,113) |
hsl(253,40%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375983 |
rgb(55,89,131) |
hsl(213,41%,36%) |
| #304D71 |
rgb(48,77,113) |
hsl(213,40%,32%) |
| #28405E |
rgb(40,64,94) |
hsl(213,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 |
| #304D71 |
rgb(48,77,113) |
hsl(213,40%,32%) |
| #713330 |
rgb(113,51,48) |
hsl(3,40%,32%) |
| #6D7030 |
rgb(109,112,48) |
hsl(63,40%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D71 |
rgb(48,77,113) |
hsl(213,40%,32%) |
| #715430 |
rgb(113,84,48) |
hsl(33,40%,32%) |
| #306E71 |
rgb(48,110,113) |
hsl(183,40%,32%) |
| #6D7030 |
rgb(109,112,48) |
hsl(63,40%,31%) |
