HEX #30545A color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

30545a color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(189,30%,97%)
#e4eff1 rgb(228,239,241) hsl(189,30%,92%)
#d4e5e8 rgb(212,229,232) hsl(189,30%,87%)
#c3dbdf rgb(195,219,223) hsl(189,30%,82%)
#b3d1d6 rgb(179,209,214) hsl(189,30%,77%)
#a2c7cd rgb(162,199,205) hsl(189,30%,72%)
#92bdc4 rgb(146,189,196) hsl(189,30%,67%)
#81b2bb rgb(129,178,187) hsl(189,30%,62%)
#70a8b2 rgb(112,168,178) hsl(189,30%,57%)
#609ea9 rgb(96,158,169) hsl(189,30%,52%)
#54919c rgb(84,145,156) hsl(189,30%,47%)
#4b828b rgb(75,130,139) hsl(189,30%,42%)
#42727b rgb(66,114,123) hsl(189,30%,37%)
#39636a rgb(57,99,106) hsl(189,30%,32%)
#30535a rgb(48,83,90) hsl(189,30%,27%)
#274449 rgb(39,68,73) hsl(189,30%,22%)
#1e3438 rgb(30,52,56) hsl(189,30%,17%)
#152528 rgb(21,37,40) hsl(189,30%,12%)
#0c1617 rgb(12,22,23) hsl(189,30%,7%)
#040607 rgb(4,6,7) hsl(189,30%,2%)

Adjacent colors

HEX RGB HSL
#305944 rgb(48,89,68) hsl(149,30%,27%)
#30545A rgb(48,84,90) hsl(189,30%,27%)
#30385A rgb(48,56,90) hsl(229,30%,27%)

Monochromatic colors

HEX RGB HSL
#376168 rgb(55,97,104) hsl(189,31%,31%)
#30545A rgb(48,84,90) hsl(189,30%,27%)
#28474B rgb(40,71,75) hsl(187,30%,23%)
#20383D rgb(32,56,61) hsl(190,31%,18%)
#182B2E rgb(24,43,46) hsl(188,31%,14%)
#111F20 rgb(17,31,32) hsl(184,31%,10%)

Triad color palettes

HEX RGB HSL
#30545A rgb(48,84,90) hsl(189,30%,27%)
#5A303F rgb(90,48,63) hsl(339,30%,27%)
#5A4A30 rgb(90,74,48) hsl(37,30%,27%)

Tetrad color palettes

HEX RGB HSL
#30545A rgb(48,84,90) hsl(189,30%,27%)
#5A3630 rgb(90,54,48) hsl(9,30%,27%)
#30594B rgb(48,89,75) hsl(160,30%,27%)
#5A4A30 rgb(90,74,48) hsl(37,30%,27%)