HEX #304F53 color — Spectra
The color #304F53 is a dark shade and slightly desaturated.
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%) |