HEX #304D79 color — San Juan
The color #304D79 is a dark shade and moderately saturated.
Palette
304D79 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(216,43%,98%) |
#e5ecf5 |
rgb(229,236,245) |
hsl(216,43%,93%) |
#d3deee |
rgb(211,222,238) |
hsl(216,43%,88%) |
#c1d0e6 |
rgb(193,208,230) |
hsl(216,43%,83%) |
#afc2df |
rgb(175,194,223) |
hsl(216,43%,78%) |
#9db4d8 |
rgb(157,180,216) |
hsl(216,43%,73%) |
#8aa6d0 |
rgb(138,166,208) |
hsl(216,43%,68%) |
#7899c9 |
rgb(120,153,201) |
hsl(216,43%,63%) |
#668bc2 |
rgb(102,139,194) |
hsl(216,43%,58%) |
#547dbb |
rgb(84,125,187) |
hsl(216,43%,53%) |
#4670af |
rgb(70,112,175) |
hsl(216,43%,48%) |
#3f649d |
rgb(63,100,157) |
hsl(216,43%,43%) |
#37598b |
rgb(55,89,139) |
hsl(216,43%,38%) |
#304d78 |
rgb(48,77,120) |
hsl(216,43%,33%) |
#294166 |
rgb(41,65,102) |
hsl(216,43%,28%) |
#213654 |
rgb(33,54,84) |
hsl(216,43%,23%) |
#1a2a42 |
rgb(26,42,66) |
hsl(216,43%,18%) |
#131e2f |
rgb(19,30,47) |
hsl(216,43%,13%) |
#0c131d |
rgb(12,19,29) |
hsl(216,43%,8%) |
#04070b |
rgb(4,7,11) |
hsl(216,43%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#307874 |
rgb(48,120,116) |
hsl(177,43%,33%) |
#304D79 |
rgb(48,77,121) |
hsl(216,43%,33%) |
#433079 |
rgb(67,48,121) |
hsl(256,43%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37598C |
rgb(55,89,140) |
hsl(216,44%,38%) |
#304D79 |
rgb(48,77,121) |
hsl(216,43%,33%) |
#284065 |
rgb(40,64,101) |
hsl(216,43%,28%) |
#203652 |
rgb(32,54,82) |
hsl(214,44%,22%) |
#18293E |
rgb(24,41,62) |
hsl(213,44%,17%) |
#111C2B |
rgb(17,28,43) |
hsl(215,43%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304D79 |
rgb(48,77,121) |
hsl(216,43%,33%) |
#793830 |
rgb(121,56,48) |
hsl(7,43%,33%) |
#717830 |
rgb(113,120,48) |
hsl(66,43%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D79 |
rgb(48,77,121) |
hsl(216,43%,33%) |
#795C30 |
rgb(121,92,48) |
hsl(36,43%,33%) |
#307379 |
rgb(48,115,121) |
hsl(185,43%,33%) |
#717830 |
rgb(113,120,48) |
hsl(66,43%,33%) |