Hex color not applying to elements

[Grant_Davis]

I have applied a color #00AAEE which is being shortened for me to #0AE, so ok, but when I color inspect the resulting color, the color is actually #02AAEE.

---

https://preview.webflow.com/preview/quantifind?preview=2406306db555d4fc3191be3683c9378c
Here is my site Read-Only: https://preview.webflow.com/preview/quantifind?preview=2406306db555d4fc3191be3683c9378c
(To find the specific example open the pages menu and click on the “Media” page.
)

[garymichael1313 (G.J.)]

Try getting the preview link again, it’s not working.

[Grant_Davis]

Can you tell me if is it working now?

[Brando (Brandon Roche)]

Hi @Grant_Davis

Thanks for posting about this.

What browser/version are you using?

It looks like the CSS has the correct hex color for the font on that page:

In this case, the issue is not with how Webflow handles hex colors, but rather with how different browsers and devices render these colors. There’s a few known issues between how chrome and safari (and other browsers/devices) render hex colors differently. You can read more on this here.

I hope this helps clarify!

[garymichael1313 (G.J.)]

Hi @Grant_Davis just checking to see if you fixed it?

Also, your button hovers are moving a little… I see a bunch of things going on with your buttons. I would think about taking the button interactions of and simply using css styles for these. Too many interactions will negatively affect your page. For simple buttons, it’s best to use css styles.

[Grant_Davis]

Thanks @Brando – can you include the link to the “read more” please? I’m seeing that Safari seems to handle the color #00AAEE better than Chrome.

[Brando (Brandon Roche)]

Hi @Grant_Davis

Thanks for pinging me on this—my bad! I added that hyperlink