HEX #30545C color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

30545C color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(191,31%,97%)
#e4eff1 rgb(228,239,241) hsl(191,31%,92%)
#d4e4e8 rgb(212,228,232) hsl(191,31%,87%)
#c3dadf rgb(195,218,223) hsl(191,31%,82%)
#b2d0d7 rgb(178,208,215) hsl(191,31%,77%)
#a1c6ce rgb(161,198,206) hsl(191,31%,72%)
#91bbc5 rgb(145,187,197) hsl(191,31%,67%)
#80b1bc rgb(128,177,188) hsl(191,31%,62%)
#6fa7b3 rgb(111,167,179) hsl(191,31%,57%)
#5f9dab rgb(95,157,171) hsl(191,31%,52%)
#538f9d rgb(83,143,157) hsl(191,31%,47%)
#4a808c rgb(74,128,140) hsl(191,31%,42%)
#41717c rgb(65,113,124) hsl(191,31%,37%)
#38626b rgb(56,98,107) hsl(191,31%,32%)
#30525a rgb(48,82,90) hsl(191,31%,27%)
#274349 rgb(39,67,73) hsl(191,31%,22%)
#1e3439 rgb(30,52,57) hsl(191,31%,17%)
#152528 rgb(21,37,40) hsl(191,31%,12%)
#0c1517 rgb(12,21,23) hsl(191,31%,7%)
#040607 rgb(4,6,7) hsl(191,31%,2%)

Adjacent colors

HEX RGB HSL
#305C46 rgb(48,92,70) hsl(150,31%,27%)
#30545C rgb(48,84,92) hsl(191,31%,27%)
#30365C rgb(48,54,92) hsl(232,31%,27%)

Monochromatic colors

HEX RGB HSL
#37616A rgb(55,97,106) hsl(191,32%,32%)
#30545C rgb(48,84,92) hsl(191,31%,27%)
#28474D rgb(40,71,77) hsl(190,32%,23%)
#20383E rgb(32,56,62) hsl(192,32%,18%)
#182B2F rgb(24,43,47) hsl(190,32%,14%)
#111F21 rgb(17,31,33) hsl(188,32%,10%)

Triad color palettes

HEX RGB HSL
#30545C rgb(48,84,92) hsl(191,31%,27%)
#5C303E rgb(92,48,62) hsl(341,31%,27%)
#5C4F30 rgb(92,79,48) hsl(42,31%,27%)

Tetrad color palettes

HEX RGB HSL
#30545C rgb(48,84,92) hsl(191,31%,27%)
#5C3830 rgb(92,56,48) hsl(11,31%,27%)
#305C4E rgb(48,92,78) hsl(161,31%,27%)
#5C4F30 rgb(92,79,48) hsl(42,31%,27%)