HEX #304D64 color — San Juan

The color #304d64 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304d64 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(207,35%,99%)
#eaf0f5 rgb(234,240,245) hsl(207,35%,94%)
#d9e4ed rgb(217,228,237) hsl(207,35%,89%)
#c8d8e4 rgb(200,216,228) hsl(207,35%,84%)
#b7cbdc rgb(183,203,220) hsl(207,35%,79%)
#a5bfd4 rgb(165,191,212) hsl(207,35%,74%)
#94b3cc rgb(148,179,204) hsl(207,35%,69%)
#83a6c3 rgb(131,166,195) hsl(207,35%,64%)
#729abb rgb(114,154,187) hsl(207,35%,59%)
#618eb3 rgb(97,142,179) hsl(207,35%,54%)
#5181a9 rgb(81,129,169) hsl(207,35%,49%)
#497497 rgb(73,116,151) hsl(207,35%,44%)
#416786 rgb(65,103,134) hsl(207,35%,39%)
#385a75 rgb(56,90,117) hsl(207,35%,34%)
#304d64 rgb(48,77,100) hsl(207,35%,29%)
#283f53 rgb(40,63,83) hsl(207,35%,24%)
#1f3241 rgb(31,50,65) hsl(207,35%,19%)
#172530 rgb(23,37,48) hsl(207,35%,14%)
#0f181f rgb(15,24,31) hsl(207,35%,9%)
#070b0e rgb(7,11,14) hsl(207,35%,4%)

Adjacent colors

HEX RGB HSL
#306358 rgb(48,99,88) hsl(167,35%,29%)
#304D64 rgb(48,77,100) hsl(207,35%,29%)
#353064 rgb(53,48,100) hsl(246,35%,29%)

Monochromatic colors

HEX RGB HSL
#375974 rgb(55,89,116) hsl(207,36%,34%)
#304D64 rgb(48,77,100) hsl(207,35%,29%)
#284054 rgb(40,64,84) hsl(207,35%,24%)
#203644 rgb(32,54,68) hsl(203,36%,20%)
#182934 rgb(24,41,52) hsl(204,37%,15%)
#111C24 rgb(17,28,36) hsl(205,36%,10%)

Triad color palettes

HEX RGB HSL
#304D64 rgb(48,77,100) hsl(207,35%,29%)
#643033 rgb(100,48,51) hsl(357,35%,29%)
#646130 rgb(100,97,48) hsl(57,35%,29%)

Tetrad color palettes

HEX RGB HSL
#304D64 rgb(48,77,100) hsl(207,35%,29%)
#644730 rgb(100,71,48) hsl(27,35%,29%)
#306361 rgb(48,99,97) hsl(178,35%,29%)
#646130 rgb(100,97,48) hsl(57,35%,29%)