How to invert on logo to specific colour and specific page?

Hello,

I've used this code to invert the logo on the blog page, which has worked.

https://www.womanhood.dk/the-circle

//Blog logo reverse//
[class*='collection-type-blog']  .header-title-logo img {
  filter: invert()
}

My questions are:
Is there a way to invert the logo to a specific colour #81864E ?

Also, I need to do this on the contact page, What code can I use to target these two logos only?
https://www.womanhood.dk/contact

Ideally, I would upload the alternative logo using custom files and use a header code on each page, but the website is a personal account, not a business so this isn't an option. It has to be done in Custom CSS.

Any help would be greatly appreciated!

Thankyou

CSS code can't change to custom code (except white/black). You can consider changing it to custom image, with this code

[class*="type-blog"] header#header img {
  content: url(https://cdn.pixabay.com/photo/2023/12/01/21/50/sunset-8424565_1280.jpg);
}

Replace Pixabay with new logo image url