HEX #305454 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

305454 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(180,27%,96%)
#e2eeee rgb(226,238,238) hsl(180,27%,91%)
#d2e5e5 rgb(210,229,229) hsl(180,27%,86%)
#c1dcdc rgb(193,220,220) hsl(180,27%,81%)
#b1d2d2 rgb(177,210,210) hsl(180,27%,76%)
#a1c9c9 rgb(161,201,201) hsl(180,27%,71%)
#91c0c0 rgb(145,192,192) hsl(180,27%,66%)
#81b6b6 rgb(129,182,182) hsl(180,27%,61%)
#71adad rgb(113,173,173) hsl(180,27%,56%)
#60a4a4 rgb(96,164,164) hsl(180,27%,51%)
#569595 rgb(86,149,149) hsl(180,27%,46%)
#4c8585 rgb(76,133,133) hsl(180,27%,41%)
#437575 rgb(67,117,117) hsl(180,27%,36%)
#3a6464 rgb(58,100,100) hsl(180,27%,31%)
#305454 rgb(48,84,84) hsl(180,27%,26%)
#274444 rgb(39,68,68) hsl(180,27%,21%)
#1e3434 rgb(30,52,52) hsl(180,27%,16%)
#142424 rgb(20,36,36) hsl(180,27%,11%)
#0b1313 rgb(11,19,19) hsl(180,27%,6%)
#020303 rgb(2,3,3) hsl(180,27%,1%)

Adjacent colors

HEX RGB HSL
#30543C rgb(48,84,60) hsl(140,27%,26%)
#305454 rgb(48,84,84) hsl(180,27%,26%)
#303D54 rgb(48,61,84) hsl(218,27%,26%)

Monochromatic colors

HEX RGB HSL
#376161 rgb(55,97,97) hsl(180,28%,30%)
#305454 rgb(48,84,84) hsl(180,27%,26%)
#284746 rgb(40,71,70) hsl(178,28%,22%)
#203839 rgb(32,56,57) hsl(182,28%,17%)
#182B2B rgb(24,43,43) hsl(180,28%,13%)
#111F1E rgb(17,31,30) hsl(176,29%,9%)

Triad color palettes

HEX RGB HSL
#305454 rgb(48,84,84) hsl(180,27%,26%)
#543042 rgb(84,48,66) hsl(330,27%,26%)
#544230 rgb(84,66,48) hsl(30,27%,26%)

Tetrad color palettes

HEX RGB HSL
#305454 rgb(48,84,84) hsl(180,27%,26%)
#543030 rgb(84,48,48) hsl(360,27%,26%)
#305442 rgb(48,84,66) hsl(150,27%,26%)
#544230 rgb(84,66,48) hsl(30,27%,26%)