Hi - The colour on one of the sites I’m working on doesn’t match the hex code.
Its saying its #f0c758 but is showing as #eac96b see below screen shot the yellow in the middle block is correct which is a uploaded image - is there anyway to fix this?
Topic summary
Colour mismatch on a Shopify site: a section set to hex #f0c758 is rendering as #eac96b. The user notes the yellow in the middle block (from an uploaded image) appears correct, highlighting the discrepancy between image color and CSS-applied color.
Key details:
- Expected color: #f0c758; observed color: #eac96b.
- The correct yellow is visible in an uploaded image within the middle block.
- Live site link provided: https://ogilvyandmore.com.
- A screenshot is attached and central to understanding the visual difference.
Context: A hex code is a six-character RGB value used in CSS to define exact colors. The user is seeking a way to fix the inconsistency between the configured hex value and the on-page rendering.
Status: No responses or solutions yet. The thread remains open with an unresolved troubleshooting request.
2 Likes
ColorZilla is a chrome extension which i use to pick colors hex code. Highly recommended!
I cannot see the section that displays the incorrect color. Could you show me so I can check?
Hi there @KirstyCC have you read through this article yet and specifically checked out the colors section from the official Shopify help center here https://help.shopify.com/en/manual/online-store/themes/customizing-themes/theme-editor/theme-settings