Yellow and gold Colour Codes

This family covers CSS's yellows and the golds and browns that sit adjacent to them on the hue wheel — from the barely-tinted LightYellow (#FFFFE0) and vivid pure Yellow (#FFFF00), through Gold (#FFD700) and Goldenrod (#DAA520), into earthier tones like Peru (#CD853F) and Chocolate (#D2691E). Yellow and brown share a hue neighbourhood in HSL terms even though they read as very different colours, which is why CSS groups gold and light brown shades near its yellow keywords.

Yellow's contrast problem

Pure yellow reflects the most light of any hue, which makes it the hardest colour to use for text or fine detail against a light background — a plain #FFFF00 on white fails contrast requirements outright regardless of what it is paired with. It works far better as an accent on a dark background, or darkened toward gold and amber for anything that needs to carry text.

It is also, alongside orange, the strongest conventional “caution” colour after red — hazard signage and warning labels lean on yellow specifically because it is the most visible hue against most natural backgrounds.