HEX #30575E color — Spectra
The color #30575E is a dark shade and slightly desaturated.
Palette
30575E color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fbfc |
rgb(248,251,252) |
hsl(189,32%,98%) |
| #e7f1f3 |
rgb(231,241,243) |
hsl(189,32%,93%) |
| #d7e7ea |
rgb(215,231,234) |
hsl(189,32%,88%) |
| #c6dde2 |
rgb(198,221,226) |
hsl(189,32%,83%) |
| #b5d3d9 |
rgb(181,211,217) |
hsl(189,32%,78%) |
| #a4cad0 |
rgb(164,202,208) |
hsl(189,32%,73%) |
| #93c0c8 |
rgb(147,192,200) |
hsl(189,32%,68%) |
| #82b6bf |
rgb(130,182,191) |
hsl(189,32%,63%) |
| #72acb6 |
rgb(114,172,182) |
hsl(189,32%,58%) |
| #61a2ae |
rgb(97,162,174) |
hsl(189,32%,53%) |
| #5396a2 |
rgb(83,150,162) |
hsl(189,32%,48%) |
| #4b8691 |
rgb(75,134,145) |
hsl(189,32%,43%) |
| #427780 |
rgb(66,119,128) |
hsl(189,32%,38%) |
| #39676f |
rgb(57,103,111) |
hsl(189,32%,33%) |
| #31575e |
rgb(49,87,94) |
hsl(189,32%,28%) |
| #28484d |
rgb(40,72,77) |
hsl(189,32%,23%) |
| #1f383d |
rgb(31,56,61) |
hsl(189,32%,18%) |
| #17292c |
rgb(23,41,44) |
hsl(189,32%,13%) |
| #0e191b |
rgb(14,25,27) |
hsl(189,32%,8%) |
| #05090a |
rgb(5,9,10) |
hsl(189,32%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305E46 |
rgb(48,94,70) |
hsl(149,32%,28%) |
| #30575E |
rgb(48,87,94) |
hsl(189,32%,28%) |
| #30385E |
rgb(48,56,94) |
hsl(230,32%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37666D |
rgb(55,102,109) |
hsl(188,33%,32%) |
| #30575E |
rgb(48,87,94) |
hsl(189,32%,28%) |
| #284A4E |
rgb(40,74,78) |
hsl(186,32%,23%) |
| #203B3F |
rgb(32,59,63) |
hsl(188,33%,19%) |
| #182E30 |
rgb(24,46,48) |
hsl(185,33%,14%) |
| #111F21 |
rgb(17,31,33) |
hsl(188,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #30575E |
rgb(48,87,94) |
hsl(189,32%,28%) |
| #5E3040 |
rgb(94,48,64) |
hsl(339,32%,28%) |
| #5E4F30 |
rgb(94,79,48) |
hsl(40,32%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #30575E |
rgb(48,87,94) |
hsl(189,32%,28%) |
| #5E3830 |
rgb(94,56,48) |
hsl(10,32%,28%) |
| #305E4E |
rgb(48,94,78) |
hsl(159,32%,28%) |
| #5E4F30 |
rgb(94,79,48) |
hsl(40,32%,28%) |
