HEX #304F54 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

304F54 color palette from light to dark

HEX RGB HSL
#f2f7f8 rgb(242,247,248) hsl(188,27%,96%)
#e2edee rgb(226,237,238) hsl(188,27%,91%)
#d2e2e5 rgb(210,226,229) hsl(188,27%,86%)
#c1d8dc rgb(193,216,220) hsl(188,27%,81%)
#b1ced2 rgb(177,206,210) hsl(188,27%,76%)
#a1c4c9 rgb(161,196,201) hsl(188,27%,71%)
#91b9c0 rgb(145,185,192) hsl(188,27%,66%)
#81afb6 rgb(129,175,182) hsl(188,27%,61%)
#71a5ad rgb(113,165,173) hsl(188,27%,56%)
#609ba4 rgb(96,155,164) hsl(188,27%,51%)
#568d95 rgb(86,141,149) hsl(188,27%,46%)
#4c7d85 rgb(76,125,133) hsl(188,27%,41%)
#436e75 rgb(67,110,117) hsl(188,27%,36%)
#3a5f64 rgb(58,95,100) hsl(188,27%,31%)
#304f54 rgb(48,79,84) hsl(188,27%,26%)
#274044 rgb(39,64,68) hsl(188,27%,21%)
#1e3134 rgb(30,49,52) hsl(188,27%,16%)
#142224 rgb(20,34,36) hsl(188,27%,11%)
#0b1213 rgb(11,18,19) hsl(188,27%,6%)
#020303 rgb(2,3,3) hsl(188,27%,1%)

Adjacent colors

HEX RGB HSL
#305441 rgb(48,84,65) hsl(148,27%,26%)
#304F54 rgb(48,79,84) hsl(188,27%,26%)
#303854 rgb(48,56,84) hsl(227,27%,26%)

Monochromatic colors

HEX RGB HSL
#375C61 rgb(55,92,97) hsl(187,28%,30%)
#304F54 rgb(48,79,84) hsl(188,27%,26%)
#284246 rgb(40,66,70) hsl(188,27%,22%)
#203639 rgb(32,54,57) hsl(187,28%,17%)
#18292B rgb(24,41,43) hsl(186,28%,13%)
#111C1E rgb(17,28,30) hsl(189,28%,9%)

Triad color palettes

HEX RGB HSL
#304F54 rgb(48,79,84) hsl(188,27%,26%)
#54303D rgb(84,48,61) hsl(338,27%,26%)
#544730 rgb(84,71,48) hsl(38,27%,26%)

Tetrad color palettes

HEX RGB HSL
#304F54 rgb(48,79,84) hsl(188,27%,26%)
#543630 rgb(84,54,48) hsl(10,27%,26%)
#305447 rgb(48,84,71) hsl(158,27%,26%)
#544730 rgb(84,71,48) hsl(38,27%,26%)