HEX #305C79 color — San Juan

The color #305C79 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305C79 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(204,43%,98%)
#e5eff5 rgb(229,239,245) hsl(204,43%,93%)
#d3e3ee rgb(211,227,238) hsl(204,43%,88%)
#c1d7e6 rgb(193,215,230) hsl(204,43%,83%)
#afccdf rgb(175,204,223) hsl(204,43%,78%)
#9dc0d8 rgb(157,192,216) hsl(204,43%,73%)
#8ab4d0 rgb(138,180,208) hsl(204,43%,68%)
#78a9c9 rgb(120,169,201) hsl(204,43%,63%)
#669dc2 rgb(102,157,194) hsl(204,43%,58%)
#5491bb rgb(84,145,187) hsl(204,43%,53%)
#4685af rgb(70,133,175) hsl(204,43%,48%)
#3f779d rgb(63,119,157) hsl(204,43%,43%)
#37698b rgb(55,105,139) hsl(204,43%,38%)
#305b78 rgb(48,91,120) hsl(204,43%,33%)
#294e66 rgb(41,78,102) hsl(204,43%,28%)
#214054 rgb(33,64,84) hsl(204,43%,23%)
#1a3242 rgb(26,50,66) hsl(204,43%,18%)
#13242f rgb(19,36,47) hsl(204,43%,13%)
#0c161d rgb(12,22,29) hsl(204,43%,8%)
#04080b rgb(4,8,11) hsl(204,43%,3%)

Adjacent colors

HEX RGB HSL
#307865 rgb(48,120,101) hsl(164,43%,33%)
#305C79 rgb(48,92,121) hsl(204,43%,33%)
#343079 rgb(52,48,121) hsl(243,43%,33%)

Monochromatic colors

HEX RGB HSL
#376B8C rgb(55,107,140) hsl(203,44%,38%)
#305C79 rgb(48,92,121) hsl(204,43%,33%)
#284D65 rgb(40,77,101) hsl(204,43%,28%)
#204052 rgb(32,64,82) hsl(202,44%,22%)
#18303E rgb(24,48,62) hsl(202,44%,17%)
#11212B rgb(17,33,43) hsl(203,43%,12%)

Triad color palettes

HEX RGB HSL
#305C79 rgb(48,92,121) hsl(204,43%,33%)
#793037 rgb(121,48,55) hsl(354,43%,33%)
#797330 rgb(121,115,48) hsl(55,43%,33%)

Tetrad color palettes

HEX RGB HSL
#305C79 rgb(48,92,121) hsl(204,43%,33%)
#794D30 rgb(121,77,48) hsl(24,43%,33%)
#307871 rgb(48,120,113) hsl(174,43%,33%)
#797330 rgb(121,115,48) hsl(55,43%,33%)