HEX #305C78 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

305C78 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(203,43%,98%)
#e5eff5 rgb(229,239,245) hsl(203,43%,93%)
#d3e3ee rgb(211,227,238) hsl(203,43%,88%)
#c1d8e6 rgb(193,216,230) hsl(203,43%,83%)
#afcddf rgb(175,205,223) hsl(203,43%,78%)
#9dc1d8 rgb(157,193,216) hsl(203,43%,73%)
#8ab6d0 rgb(138,182,208) hsl(203,43%,68%)
#78aac9 rgb(120,170,201) hsl(203,43%,63%)
#669fc2 rgb(102,159,194) hsl(203,43%,58%)
#5493bb rgb(84,147,187) hsl(203,43%,53%)
#4687af rgb(70,135,175) hsl(203,43%,48%)
#3f799d rgb(63,121,157) hsl(203,43%,43%)
#376b8b rgb(55,107,139) hsl(203,43%,38%)
#305d78 rgb(48,93,120) hsl(203,43%,33%)
#294f66 rgb(41,79,102) hsl(203,43%,28%)
#214154 rgb(33,65,84) hsl(203,43%,23%)
#1a3342 rgb(26,51,66) hsl(203,43%,18%)
#13242f rgb(19,36,47) hsl(203,43%,13%)
#0c161d rgb(12,22,29) hsl(203,43%,8%)
#04080b rgb(4,8,11) hsl(203,43%,3%)

Adjacent colors

HEX RGB HSL
#307864 rgb(48,120,100) hsl(163,43%,33%)
#305C78 rgb(48,92,120) hsl(203,43%,33%)
#343078 rgb(52,48,120) hsl(243,43%,33%)

Monochromatic colors

HEX RGB HSL
#376B8B rgb(55,107,139) hsl(203,43%,38%)
#305C78 rgb(48,92,120) hsl(203,43%,33%)
#284D64 rgb(40,77,100) hsl(203,43%,27%)
#204051 rgb(32,64,81) hsl(201,43%,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
#305C78 rgb(48,92,120) hsl(203,43%,33%)
#783038 rgb(120,48,56) hsl(353,43%,33%)
#787030 rgb(120,112,48) hsl(53,43%,33%)

Tetrad color palettes

HEX RGB HSL
#305C78 rgb(48,92,120) hsl(203,43%,33%)
#784D30 rgb(120,77,48) hsl(24,43%,33%)
#307870 rgb(48,120,112) hsl(173,43%,33%)
#787030 rgb(120,112,48) hsl(53,43%,33%)