HEX #304D6E color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304d6e color palette from light to dark

HEX RGB HSL
#f1f5f9 rgb(241,245,249) hsl(212,39%,96%)
#dfe7f1 rgb(223,231,241) hsl(212,39%,91%)
#cddae9 rgb(205,218,233) hsl(212,39%,86%)
#bccde1 rgb(188,205,225) hsl(212,39%,81%)
#aac0da rgb(170,192,218) hsl(212,39%,76%)
#98b3d2 rgb(152,179,210) hsl(212,39%,71%)
#86a6ca rgb(134,166,202) hsl(212,39%,66%)
#7599c2 rgb(117,153,194) hsl(212,39%,61%)
#638cbb rgb(99,140,187) hsl(212,39%,56%)
#517fb3 rgb(81,127,179) hsl(212,39%,51%)
#4872a3 rgb(72,114,163) hsl(212,39%,46%)
#406691 rgb(64,102,145) hsl(212,39%,41%)
#385980 rgb(56,89,128) hsl(212,39%,36%)
#304d6e rgb(48,77,110) hsl(212,39%,31%)
#28415c rgb(40,65,92) hsl(212,39%,26%)
#21344a rgb(33,52,74) hsl(212,39%,21%)
#192839 rgb(25,40,57) hsl(212,39%,16%)
#111b27 rgb(17,27,39) hsl(212,39%,11%)
#090f15 rgb(9,15,21) hsl(212,39%,6%)
#020204 rgb(2,2,4) hsl(212,39%,1%)

Adjacent colors

HEX RGB HSL
#306E65 rgb(48,110,101) hsl(171,39%,31%)
#304D6E rgb(48,77,110) hsl(212,39%,31%)
#3C306E rgb(60,48,110) hsl(252,39%,31%)

Monochromatic colors

HEX RGB HSL
#37597F rgb(55,89,127) hsl(212,40%,36%)
#304D6E rgb(48,77,110) hsl(212,39%,31%)
#28405C rgb(40,64,92) hsl(212,39%,26%)
#20364A rgb(32,54,74) hsl(209,40%,21%)
#182939 rgb(24,41,57) hsl(209,41%,16%)
#111C27 rgb(17,28,39) hsl(210,39%,11%)

Triad color palettes

HEX RGB HSL
#304D6E rgb(48,77,110) hsl(212,39%,31%)
#6E3330 rgb(110,51,48) hsl(3,39%,31%)
#6C6E30 rgb(108,110,48) hsl(62,39%,31%)

Tetrad color palettes

HEX RGB HSL
#304D6E rgb(48,77,110) hsl(212,39%,31%)
#6E5230 rgb(110,82,48) hsl(33,39%,31%)
#306B6E rgb(48,107,110) hsl(183,39%,31%)
#6C6E30 rgb(108,110,48) hsl(62,39%,31%)