HEX #305A78 color — San Juan

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

Color codes

Palette

305a78 color palette from light to dark

HEX	RGB	HSL
#f8fafc	rgb(248,250,252)	hsl(205,43%,98%)
#e5eef5	rgb(229,238,245)	hsl(205,43%,93%)
#d3e3ee	rgb(211,227,238)	hsl(205,43%,88%)
#c1d7e6	rgb(193,215,230)	hsl(205,43%,83%)
#afcbdf	rgb(175,203,223)	hsl(205,43%,78%)
#9dbfd8	rgb(157,191,216)	hsl(205,43%,73%)
#8ab3d0	rgb(138,179,208)	hsl(205,43%,68%)
#78a7c9	rgb(120,167,201)	hsl(205,43%,63%)
#669cc2	rgb(102,156,194)	hsl(205,43%,58%)
#5490bb	rgb(84,144,187)	hsl(205,43%,53%)
#4683af	rgb(70,131,175)	hsl(205,43%,48%)
#3f769d	rgb(63,118,157)	hsl(205,43%,43%)
#37688b	rgb(55,104,139)	hsl(205,43%,38%)
#305a78	rgb(48,90,120)	hsl(205,43%,33%)
#294d66	rgb(41,77,102)	hsl(205,43%,28%)
#213f54	rgb(33,63,84)	hsl(205,43%,23%)
#1a3142	rgb(26,49,66)	hsl(205,43%,18%)
#13242f	rgb(19,36,47)	hsl(205,43%,13%)
#0c161d	rgb(12,22,29)	hsl(205,43%,8%)
#04080b	rgb(4,8,11)	hsl(205,43%,3%)

Adjacent colors

HEX	RGB	HSL
#307866	rgb(48,120,102)	hsl(165,43%,33%)
#305A78	rgb(48,90,120)	hsl(205,43%,33%)
#363078	rgb(54,48,120)	hsl(245,43%,33%)

Monochromatic colors

HEX	RGB	HSL
#37698B	rgb(55,105,139)	hsl(204,43%,38%)
#305A78	rgb(48,90,120)	hsl(205,43%,33%)
#284D64	rgb(40,77,100)	hsl(203,43%,27%)
#203D51	rgb(32,61,81)	hsl(204,43%,22%)
#182E3E	rgb(24,46,62)	hsl(205,44%,17%)
#11212B	rgb(17,33,43)	hsl(203,43%,12%)

Triad color palettes

HEX	RGB	HSL
#305A78	rgb(48,90,120)	hsl(205,43%,33%)
#783036	rgb(120,48,54)	hsl(355,43%,33%)
#787330	rgb(120,115,48)	hsl(56,43%,33%)

Tetrad color palettes

HEX	RGB	HSL
#305A78	rgb(48,90,120)	hsl(205,43%,33%)
#784F30	rgb(120,79,48)	hsl(26,43%,33%)
#307872	rgb(48,120,114)	hsl(175,43%,33%)
#787330	rgb(120,115,48)	hsl(56,43%,33%)