HEX #305E56 color — Spectra
The color #305E56 is a dark shade and slightly desaturated.
Palette
305E56 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fcfb |
rgb(248,252,251) |
hsl(170,32%,98%) |
| #e7f3f1 |
rgb(231,243,241) |
hsl(170,32%,93%) |
| #d7eae7 |
rgb(215,234,231) |
hsl(170,32%,88%) |
| #c6e2dd |
rgb(198,226,221) |
hsl(170,32%,83%) |
| #b5d9d3 |
rgb(181,217,211) |
hsl(170,32%,78%) |
| #a4d0c9 |
rgb(164,208,201) |
hsl(170,32%,73%) |
| #93c8bf |
rgb(147,200,191) |
hsl(170,32%,68%) |
| #82bfb5 |
rgb(130,191,181) |
hsl(170,32%,63%) |
| #72b6ab |
rgb(114,182,171) |
hsl(170,32%,58%) |
| #61aea1 |
rgb(97,174,161) |
hsl(170,32%,53%) |
| #53a295 |
rgb(83,162,149) |
hsl(170,32%,48%) |
| #4b9185 |
rgb(75,145,133) |
hsl(170,32%,43%) |
| #428076 |
rgb(66,128,118) |
hsl(170,32%,38%) |
| #396f66 |
rgb(57,111,102) |
hsl(170,32%,33%) |
| #315e57 |
rgb(49,94,87) |
hsl(170,32%,28%) |
| #284d47 |
rgb(40,77,71) |
hsl(170,32%,23%) |
| #1f3d38 |
rgb(31,61,56) |
hsl(170,32%,18%) |
| #172c28 |
rgb(23,44,40) |
hsl(170,32%,13%) |
| #0e1b19 |
rgb(14,27,25) |
hsl(170,32%,8%) |
| #050a09 |
rgb(5,10,9) |
hsl(170,32%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305E37 |
rgb(48,94,55) |
hsl(129,32%,28%) |
| #305E56 |
rgb(48,94,86) |
hsl(170,32%,28%) |
| #30475E |
rgb(48,71,94) |
hsl(210,32%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E63 |
rgb(55,110,99) |
hsl(168,33%,32%) |
| #305E56 |
rgb(48,94,86) |
hsl(170,32%,28%) |
| #284F48 |
rgb(40,79,72) |
hsl(169,33%,23%) |
| #20403A |
rgb(32,64,58) |
hsl(169,33%,19%) |
| #18302C |
rgb(24,48,44) |
hsl(170,33%,14%) |
| #11211E |
rgb(17,33,30) |
hsl(169,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E56 |
rgb(48,94,86) |
hsl(170,32%,28%) |
| #5E304F |
rgb(94,48,79) |
hsl(320,32%,28%) |
| #5E4030 |
rgb(94,64,48) |
hsl(21,32%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E56 |
rgb(48,94,86) |
hsl(170,32%,28%) |
| #5E3038 |
rgb(94,48,56) |
hsl(350,32%,28%) |
| #305E3F |
rgb(48,94,63) |
hsl(140,32%,28%) |
| #5E4030 |
rgb(94,64,48) |
hsl(21,32%,28%) |
