Trying to publish a feature layer with a very basic symbology; no fill, just a basic hatch to match the outline color. Adding the layer to a new web map in AGOL keeps the outline color but changes the hatch color to black. I have other polygons that used the same symbology conventions and their hatch colors were all changed to black, too. Is there a way around this, so that the hatch color and outline color match, like they do in ArcMap before publishing? I've tried publishing to Portal and out of Pro with the same results.]2
There is a very simple workaround, one already mentioned in the comments above, which is the picture fill symbol.
All you need is a picture like this:
It's important that it be grey, as you'll see. And that we include the little notches in the corners.
Simply set the symbology to picture fill, then adjust the tint to match the outline color. (If it were black lines in the image, changing the tint would do nothing.) Then publish!
Notice that sometimes AGOL will adjust your picture fill. The hatching I ended up with post-publishing isn't quite what I configured in Pro, but it works. Perhaps you can achieve better results by adjusting the size of the image itself.
Finally, if you're working with ArcGIS Pro 2.6, note that you can open, adjust, and save a web map all within the application. This gives you the ability to try and and adjust more complex symbology without having to re-publish the layer every time.
ArcGIS Online uses the ESRI JS API 3.26 and can use the symbology that's available through the API. Here is a link to the different symbology you can use. You can change the renderer of the hosted feature layer by updating the definition. I haven't tried everything in the sandbox but so far everything works out. This doesn't solve the problem of limited symbology but it gives a bit more freedom.