HEX #304F53 color — Spectra

The color #304F53 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

304F53 color palette from light to dark

HEX RGB HSL
#f2f7f8 rgb(242,247,248) hsl(187,27%,96%)
#e2edee rgb(226,237,238) hsl(187,27%,91%)
#d2e3e5 rgb(210,227,229) hsl(187,27%,86%)
#c1d9dc rgb(193,217,220) hsl(187,27%,81%)
#b1ced2 rgb(177,206,210) hsl(187,27%,76%)
#a1c4c9 rgb(161,196,201) hsl(187,27%,71%)
#91bac0 rgb(145,186,192) hsl(187,27%,66%)
#81b0b6 rgb(129,176,182) hsl(187,27%,61%)
#71a6ad rgb(113,166,173) hsl(187,27%,56%)
#609ca4 rgb(96,156,164) hsl(187,27%,51%)
#568e95 rgb(86,142,149) hsl(187,27%,46%)
#4c7e85 rgb(76,126,133) hsl(187,27%,41%)
#436f75 rgb(67,111,117) hsl(187,27%,36%)
#3a5f64 rgb(58,95,100) hsl(187,27%,31%)
#305054 rgb(48,80,84) hsl(187,27%,26%)
#274144 rgb(39,65,68) hsl(187,27%,21%)
#1e3134 rgb(30,49,52) hsl(187,27%,16%)
#142224 rgb(20,34,36) hsl(187,27%,11%)
#0b1213 rgb(11,18,19) hsl(187,27%,6%)
#020303 rgb(2,3,3) hsl(187,27%,1%)

Adjacent colors

HEX RGB HSL
#30543F rgb(48,84,63) hsl(145,27%,26%)
#304F53 rgb(48,79,83) hsl(187,27%,26%)
#303853 rgb(48,56,83) hsl(226,27%,26%)

Monochromatic colors

HEX RGB HSL
#375C60 rgb(55,92,96) hsl(186,27%,30%)
#304F53 rgb(48,79,83) hsl(187,27%,26%)
#284245 rgb(40,66,69) hsl(186,27%,21%)
#203638 rgb(32,54,56) hsl(185,27%,17%)
#18292B rgb(24,41,43) hsl(186,28%,13%)
#111C1D rgb(17,28,29) hsl(185,26%,9%)

Triad color palettes

HEX RGB HSL
#304F53 rgb(48,79,83) hsl(187,27%,26%)
#53303D rgb(83,48,61) hsl(338,27%,26%)
#534530 rgb(83,69,48) hsl(36,27%,26%)

Tetrad color palettes

HEX RGB HSL
#304F53 rgb(48,79,83) hsl(187,27%,26%)
#533330 rgb(83,51,48) hsl(5,27%,26%)
#305445 rgb(48,84,69) hsl(155,27%,26%)
#534530 rgb(83,69,48) hsl(36,27%,26%)