HEX #305E57 color — Spectra
The color #305E57 is a dark shade and slightly desaturated.
Palette
305E57 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fcfb |
rgb(248,252,251) |
hsl(171,32%,98%) |
| #e7f3f1 |
rgb(231,243,241) |
hsl(171,32%,93%) |
| #d7eae7 |
rgb(215,234,231) |
hsl(171,32%,88%) |
| #c6e2dd |
rgb(198,226,221) |
hsl(171,32%,83%) |
| #b5d9d3 |
rgb(181,217,211) |
hsl(171,32%,78%) |
| #a4d0ca |
rgb(164,208,202) |
hsl(171,32%,73%) |
| #93c8c0 |
rgb(147,200,192) |
hsl(171,32%,68%) |
| #82bfb6 |
rgb(130,191,182) |
hsl(171,32%,63%) |
| #72b6ac |
rgb(114,182,172) |
hsl(171,32%,58%) |
| #61aea2 |
rgb(97,174,162) |
hsl(171,32%,53%) |
| #53a296 |
rgb(83,162,150) |
hsl(171,32%,48%) |
| #4b9186 |
rgb(75,145,134) |
hsl(171,32%,43%) |
| #428077 |
rgb(66,128,119) |
hsl(171,32%,38%) |
| #396f67 |
rgb(57,111,103) |
hsl(171,32%,33%) |
| #315e57 |
rgb(49,94,87) |
hsl(171,32%,28%) |
| #284d48 |
rgb(40,77,72) |
hsl(171,32%,23%) |
| #1f3d38 |
rgb(31,61,56) |
hsl(171,32%,18%) |
| #172c29 |
rgb(23,44,41) |
hsl(171,32%,13%) |
| #0e1b19 |
rgb(14,27,25) |
hsl(171,32%,8%) |
| #050a09 |
rgb(5,10,9) |
hsl(171,32%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305E38 |
rgb(48,94,56) |
hsl(130,32%,28%) |
| #305E57 |
rgb(48,94,87) |
hsl(171,32%,28%) |
| #30475E |
rgb(48,71,94) |
hsl(210,32%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E64 |
rgb(55,110,100) |
hsl(169,33%,32%) |
| #305E57 |
rgb(48,94,87) |
hsl(171,32%,28%) |
| #284F49 |
rgb(40,79,73) |
hsl(171,33%,23%) |
| #20403B |
rgb(32,64,59) |
hsl(171,33%,19%) |
| #18302D |
rgb(24,48,45) |
hsl(173,33%,14%) |
| #11211F |
rgb(17,33,31) |
hsl(173,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E57 |
rgb(48,94,87) |
hsl(171,32%,28%) |
| #5E304E |
rgb(94,48,78) |
hsl(321,32%,28%) |
| #5E4030 |
rgb(94,64,48) |
hsl(21,32%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E57 |
rgb(48,94,87) |
hsl(171,32%,28%) |
| #5E3037 |
rgb(94,48,55) |
hsl(351,32%,28%) |
| #305E40 |
rgb(48,94,64) |
hsl(141,32%,28%) |
| #5E4030 |
rgb(94,64,48) |
hsl(21,32%,28%) |
