Yellow is bright, optimistic and great for drawing the eye to badges, highlights and warnings. It is also the hardest color to use for text, because almost every yellow is too light on white.
Using yellow in web design
- Use yellow as a background or highlight with dark text, not as a text color on white.
- Warning banners usually combine a pale yellow background (
#FEF9C3) with dark amber text (#713F12). - Yellow next to black or navy creates a strong, energetic contrast for hero sections.
About this page
The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.