HEX #305E5A color — Spectra

The color #305E5A is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

305E5A color palette from light to dark

HEX RGB HSL
#f8fcfb rgb(248,252,251) hsl(175,32%,98%)
#e7f3f2 rgb(231,243,242) hsl(175,32%,93%)
#d7eae9 rgb(215,234,233) hsl(175,32%,88%)
#c6e2df rgb(198,226,223) hsl(175,32%,83%)
#b5d9d6 rgb(181,217,214) hsl(175,32%,78%)
#a4d0cd rgb(164,208,205) hsl(175,32%,73%)
#93c8c3 rgb(147,200,195) hsl(175,32%,68%)
#82bfba rgb(130,191,186) hsl(175,32%,63%)
#72b6b0 rgb(114,182,176) hsl(175,32%,58%)
#61aea7 rgb(97,174,167) hsl(175,32%,53%)
#53a29b rgb(83,162,155) hsl(175,32%,48%)
#4b918b rgb(75,145,139) hsl(175,32%,43%)
#42807b rgb(66,128,123) hsl(175,32%,38%)
#396f6b rgb(57,111,107) hsl(175,32%,33%)
#315e5a rgb(49,94,90) hsl(175,32%,28%)
#284d4a rgb(40,77,74) hsl(175,32%,23%)
#1f3d3a rgb(31,61,58) hsl(175,32%,18%)
#172c2a rgb(23,44,42) hsl(175,32%,13%)
#0e1b1a rgb(14,27,26) hsl(175,32%,8%)
#050a0a rgb(5,10,10) hsl(175,32%,3%)

Adjacent colors

HEX RGB HSL
#305E3B rgb(48,94,59) hsl(134,32%,28%)
#305E5A rgb(48,94,90) hsl(175,32%,28%)
#30425E rgb(48,66,94) hsl(217,32%,28%)

Monochromatic colors

HEX RGB HSL
#376E68 rgb(55,110,104) hsl(173,33%,32%)
#305E5A rgb(48,94,90) hsl(175,32%,28%)
#284F4B rgb(40,79,75) hsl(174,33%,23%)
#20403D rgb(32,64,61) hsl(174,33%,19%)
#18302E rgb(24,48,46) hsl(175,33%,14%)
#112120 rgb(17,33,32) hsl(176,32%,10%)

Triad color palettes

HEX RGB HSL
#305E5A rgb(48,94,90) hsl(175,32%,28%)
#5E304B rgb(94,48,75) hsl(325,32%,28%)
#5E4230 rgb(94,66,48) hsl(23,32%,28%)

Tetrad color palettes

HEX RGB HSL
#305E5A rgb(48,94,90) hsl(175,32%,28%)
#5E3034 rgb(94,48,52) hsl(355,32%,28%)
#305E43 rgb(48,94,67) hsl(145,32%,28%)
#5E4230 rgb(94,66,48) hsl(23,32%,28%)