HEX #30575C color — Spectra

The color #30575C is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

30575C color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(187,31%,97%)
#e4eff1 rgb(228,239,241) hsl(187,31%,92%)
#d4e6e8 rgb(212,230,232) hsl(187,31%,87%)
#c3dcdf rgb(195,220,223) hsl(187,31%,82%)
#b2d2d7 rgb(178,210,215) hsl(187,31%,77%)
#a1c9ce rgb(161,201,206) hsl(187,31%,72%)
#91bfc5 rgb(145,191,197) hsl(187,31%,67%)
#80b5bc rgb(128,181,188) hsl(187,31%,62%)
#6fabb3 rgb(111,171,179) hsl(187,31%,57%)
#5fa2ab rgb(95,162,171) hsl(187,31%,52%)
#53949d rgb(83,148,157) hsl(187,31%,47%)
#4a858c rgb(74,133,140) hsl(187,31%,42%)
#41757c rgb(65,117,124) hsl(187,31%,37%)
#38656b rgb(56,101,107) hsl(187,31%,32%)
#30555a rgb(48,85,90) hsl(187,31%,27%)
#274549 rgb(39,69,73) hsl(187,31%,22%)
#1e3639 rgb(30,54,57) hsl(187,31%,17%)
#152628 rgb(21,38,40) hsl(187,31%,12%)
#0c1617 rgb(12,22,23) hsl(187,31%,7%)
#040607 rgb(4,6,7) hsl(187,31%,2%)

Adjacent colors

HEX RGB HSL
#305C43 rgb(48,92,67) hsl(146,31%,27%)
#30575C rgb(48,87,92) hsl(187,31%,27%)
#303B5C rgb(48,59,92) hsl(225,31%,27%)

Monochromatic colors

HEX RGB HSL
#37666A rgb(55,102,106) hsl(185,32%,32%)
#30575C rgb(48,87,92) hsl(187,31%,27%)
#284A4D rgb(40,74,77) hsl(185,32%,23%)
#203B3E rgb(32,59,62) hsl(186,32%,18%)
#182E2F rgb(24,46,47) hsl(183,32%,14%)
#111F21 rgb(17,31,33) hsl(188,32%,10%)

Triad color palettes

HEX RGB HSL
#30575C rgb(48,87,92) hsl(187,31%,27%)
#5C3041 rgb(92,48,65) hsl(337,31%,27%)
#5C4A30 rgb(92,74,48) hsl(35,31%,27%)

Tetrad color palettes

HEX RGB HSL
#30575C rgb(48,87,92) hsl(187,31%,27%)
#5C3630 rgb(92,54,48) hsl(8,31%,27%)
#305C4B rgb(48,92,75) hsl(157,31%,27%)
#5C4A30 rgb(92,74,48) hsl(35,31%,27%)