HEX #305F5F color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

305f5f color palette from light to dark

HEX RGB HSL
#f8fcfc rgb(248,252,252) hsl(180,33%,98%)
#e7f3f3 rgb(231,243,243) hsl(180,33%,93%)
#d6eaea rgb(214,234,234) hsl(180,33%,88%)
#c5e2e2 rgb(197,226,226) hsl(180,33%,83%)
#b4d9d9 rgb(180,217,217) hsl(180,33%,78%)
#a3d1d1 rgb(163,209,209) hsl(180,33%,73%)
#92c8c8 rgb(146,200,200) hsl(180,33%,68%)
#82c0c0 rgb(130,192,192) hsl(180,33%,63%)
#71b7b7 rgb(113,183,183) hsl(180,33%,58%)
#60afaf rgb(96,175,175) hsl(180,33%,53%)
#52a3a3 rgb(82,163,163) hsl(180,33%,48%)
#499292 rgb(73,146,146) hsl(180,33%,43%)
#418181 rgb(65,129,129) hsl(180,33%,38%)
#387070 rgb(56,112,112) hsl(180,33%,33%)
#305f5f rgb(48,95,95) hsl(180,33%,28%)
#274e4e rgb(39,78,78) hsl(180,33%,23%)
#1f3d3d rgb(31,61,61) hsl(180,33%,18%)
#162c2c rgb(22,44,44) hsl(180,33%,13%)
#0e1b1b rgb(14,27,27) hsl(180,33%,8%)
#050a0a rgb(5,10,10) hsl(180,33%,3%)

Adjacent colors

HEX RGB HSL
#305E3F rgb(48,94,63) hsl(140,32%,28%)
#305F5F rgb(48,95,95) hsl(180,33%,28%)
#30405F rgb(48,64,95) hsl(220,33%,28%)

Monochromatic colors

HEX RGB HSL
#376E6E rgb(55,110,110) hsl(180,33%,32%)
#305F5F rgb(48,95,95) hsl(180,33%,28%)
#284F4F rgb(40,79,79) hsl(180,33%,23%)
#204040 rgb(32,64,64) hsl(180,33%,19%)
#183031 rgb(24,48,49) hsl(182,34%,14%)
#112122 rgb(17,33,34) hsl(184,33%,10%)

Triad color palettes

HEX RGB HSL
#305F5F rgb(48,95,95) hsl(180,33%,28%)
#5F3047 rgb(95,48,71) hsl(331,33%,28%)
#5F4730 rgb(95,71,48) hsl(29,33%,28%)

Tetrad color palettes

HEX RGB HSL
#305F5F rgb(48,95,95) hsl(180,33%,28%)
#5F3030 rgb(95,48,48) hsl(360,33%,28%)
#305E47 rgb(48,94,71) hsl(150,32%,28%)
#5F4730 rgb(95,71,48) hsl(29,33%,28%)