HEX #304A76 color — San Juan
The color #304A76 is a dark shade and moderately saturated.
Palette
304A76 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(218,42%,98%) |
#e6ebf5 |
rgb(230,235,245) |
hsl(218,42%,93%) |
#d4dded |
rgb(212,221,237) |
hsl(218,42%,88%) |
#c1cfe6 |
rgb(193,207,230) |
hsl(218,42%,83%) |
#afc1de |
rgb(175,193,222) |
hsl(218,42%,78%) |
#9db2d7 |
rgb(157,178,215) |
hsl(218,42%,73%) |
#8ba4d0 |
rgb(139,164,208) |
hsl(218,42%,68%) |
#7996c8 |
rgb(121,150,200) |
hsl(218,42%,63%) |
#6788c1 |
rgb(103,136,193) |
hsl(218,42%,58%) |
#557ab9 |
rgb(85,122,185) |
hsl(218,42%,53%) |
#476dae |
rgb(71,109,174) |
hsl(218,42%,48%) |
#40619c |
rgb(64,97,156) |
hsl(218,42%,43%) |
#38568a |
rgb(56,86,138) |
hsl(218,42%,38%) |
#314b77 |
rgb(49,75,119) |
hsl(218,42%,33%) |
#293f65 |
rgb(41,63,101) |
hsl(218,42%,28%) |
#223453 |
rgb(34,52,83) |
hsl(218,42%,23%) |
#1b2941 |
rgb(27,41,65) |
hsl(218,42%,18%) |
#131d2f |
rgb(19,29,47) |
hsl(218,42%,13%) |
#0c121d |
rgb(12,18,29) |
hsl(218,42%,8%) |
#04070b |
rgb(4,7,11) |
hsl(218,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#307573 |
rgb(48,117,115) |
hsl(178,42%,32%) |
#304A76 |
rgb(48,74,118) |
hsl(218,42%,33%) |
#443076 |
rgb(68,48,118) |
hsl(257,42%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375788 |
rgb(55,87,136) |
hsl(216,42%,37%) |
#304A76 |
rgb(48,74,118) |
hsl(218,42%,33%) |
#283D63 |
rgb(40,61,99) |
hsl(219,42%,27%) |
#203350 |
rgb(32,51,80) |
hsl(216,43%,22%) |
#18263D |
rgb(24,38,61) |
hsl(217,44%,17%) |
#111A2A |
rgb(17,26,42) |
hsl(218,42%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A76 |
rgb(48,74,118) |
hsl(218,42%,33%) |
#763830 |
rgb(118,56,48) |
hsl(7,42%,33%) |
#6D7530 |
rgb(109,117,48) |
hsl(67,42%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A76 |
rgb(48,74,118) |
hsl(218,42%,33%) |
#765C30 |
rgb(118,92,48) |
hsl(38,42%,33%) |
#306E76 |
rgb(48,110,118) |
hsl(187,42%,33%) |
#6D7530 |
rgb(109,117,48) |
hsl(67,42%,32%) |