HEX #304A71 color — San Juan
The color #304A71 is a dark shade and moderately saturated.
Palette
304A71 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fa |
rgb(244,247,250) |
hsl(216,40%,97%) |
#e2e9f3 |
rgb(226,233,243) |
hsl(216,40%,92%) |
#d1dbeb |
rgb(209,219,235) |
hsl(216,40%,87%) |
#bfcde3 |
rgb(191,205,227) |
hsl(216,40%,82%) |
#adc0dc |
rgb(173,192,220) |
hsl(216,40%,77%) |
#9bb2d4 |
rgb(155,178,212) |
hsl(216,40%,72%) |
#89a4cd |
rgb(137,164,205) |
hsl(216,40%,67%) |
#7796c5 |
rgb(119,150,197) |
hsl(216,40%,62%) |
#6589bd |
rgb(101,137,189) |
hsl(216,40%,57%) |
#547bb6 |
rgb(84,123,182) |
hsl(216,40%,52%) |
#486ea8 |
rgb(72,110,168) |
hsl(216,40%,47%) |
#406396 |
rgb(64,99,150) |
hsl(216,40%,42%) |
#395784 |
rgb(57,87,132) |
hsl(216,40%,37%) |
#314b72 |
rgb(49,75,114) |
hsl(216,40%,32%) |
#293f60 |
rgb(41,63,96) |
hsl(216,40%,27%) |
#22344f |
rgb(34,52,79) |
hsl(216,40%,22%) |
#1a283d |
rgb(26,40,61) |
hsl(216,40%,17%) |
#121c2b |
rgb(18,28,43) |
hsl(216,40%,12%) |
#0b1019 |
rgb(11,16,25) |
hsl(216,40%,7%) |
#030507 |
rgb(3,5,7) |
hsl(216,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30706C |
rgb(48,112,108) |
hsl(176,40%,31%) |
#304A71 |
rgb(48,74,113) |
hsl(216,40%,32%) |
#413071 |
rgb(65,48,113) |
hsl(256,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375783 |
rgb(55,87,131) |
hsl(215,41%,36%) |
#304A71 |
rgb(48,74,113) |
hsl(216,40%,32%) |
#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 |
#304A71 |
rgb(48,74,113) |
hsl(216,40%,32%) |
#713630 |
rgb(113,54,48) |
hsl(6,40%,32%) |
#6A7030 |
rgb(106,112,48) |
hsl(66,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A71 |
rgb(48,74,113) |
hsl(216,40%,32%) |
#715730 |
rgb(113,87,48) |
hsl(36,40%,32%) |
#306B71 |
rgb(48,107,113) |
hsl(186,40%,32%) |
#6A7030 |
rgb(106,112,48) |
hsl(66,40%,31%) |