HEX #304E54 color — Spectra
The color #304e54 is a dark shade and slightly desaturated.
Palette
304e54 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f7f8 |
rgb(242,247,248) |
hsl(190,27%,96%) |
| #e2ecee |
rgb(226,236,238) |
hsl(190,27%,91%) |
| #d2e2e5 |
rgb(210,226,229) |
hsl(190,27%,86%) |
| #c1d7dc |
rgb(193,215,220) |
hsl(190,27%,81%) |
| #b1cdd2 |
rgb(177,205,210) |
hsl(190,27%,76%) |
| #a1c2c9 |
rgb(161,194,201) |
hsl(190,27%,71%) |
| #91b8c0 |
rgb(145,184,192) |
hsl(190,27%,66%) |
| #81adb6 |
rgb(129,173,182) |
hsl(190,27%,61%) |
| #71a3ad |
rgb(113,163,173) |
hsl(190,27%,56%) |
| #6099a4 |
rgb(96,153,164) |
hsl(190,27%,51%) |
| #568a95 |
rgb(86,138,149) |
hsl(190,27%,46%) |
| #4c7b85 |
rgb(76,123,133) |
hsl(190,27%,41%) |
| #436c75 |
rgb(67,108,117) |
hsl(190,27%,36%) |
| #3a5d64 |
rgb(58,93,100) |
hsl(190,27%,31%) |
| #304e54 |
rgb(48,78,84) |
hsl(190,27%,26%) |
| #273f44 |
rgb(39,63,68) |
hsl(190,27%,21%) |
| #1e3034 |
rgb(30,48,52) |
hsl(190,27%,16%) |
| #142124 |
rgb(20,33,36) |
hsl(190,27%,11%) |
| #0b1213 |
rgb(11,18,19) |
hsl(190,27%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(190,27%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305442 |
rgb(48,84,66) |
hsl(150,27%,26%) |
| #304E54 |
rgb(48,78,84) |
hsl(190,27%,26%) |
| #303654 |
rgb(48,54,84) |
hsl(230,27%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375961 |
rgb(55,89,97) |
hsl(191,28%,30%) |
| #304E54 |
rgb(48,78,84) |
hsl(190,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 |
| #304E54 |
rgb(48,78,84) |
hsl(190,27%,26%) |
| #54303C |
rgb(84,48,60) |
hsl(340,27%,26%) |
| #544730 |
rgb(84,71,48) |
hsl(38,27%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304E54 |
rgb(48,78,84) |
hsl(190,27%,26%) |
| #543630 |
rgb(84,54,48) |
hsl(10,27%,26%) |
| #305448 |
rgb(48,84,72) |
hsl(160,27%,26%) |
| #544730 |
rgb(84,71,48) |
hsl(38,27%,26%) |
