Using Yellow Color Codes in Web Design
Yellow brings high-luminance optimism and instant focal contrast to interface design. Soft butter yellows supply cheerful backdrop accents for warning panels and informational cards, while saturated lemon and amber shades make high-impact highlight fills for search bars and feature callouts.
| Colour name | Hex code | RGB value | HSL value | Notes & Info | |
|---|---|---|---|---|---|
| Yellow | #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) | ||
| Light Yellow | #FFFFE0 | rgb(255, 255, 224) | hsl(60, 100%, 94%) | ||
| Lemon Chiffon | #FFFACD | rgb(255, 250, 205) | hsl(54, 100%, 90%) | ||
| Canary Yellow | #FFEF00 | rgb(255, 239, 0) | hsl(56, 100%, 50%) | ||
| Gold | #FFD700 | rgb(255, 215, 0) | hsl(51, 100%, 50%) | ||
| Goldenrod | #DAA520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | ||
| Dark Goldenrod | #B8860B | rgb(184, 134, 11) | hsl(43, 89%, 38%) | ||
| Mustard | #FFDB58 | rgb(255, 219, 88) | hsl(47, 100%, 67%) | ||
| Amber | #FFBF00 | rgb(255, 191, 0) | hsl(45, 100%, 50%) | ||
| Cream | #FFFDD0 | rgb(255, 253, 208) | hsl(57, 100%, 91%) | ||
| Moccasin | #FFE4B5 | rgb(255, 228, 181) | hsl(38, 100%, 85%) | ||
| Khaki | #F0E68C | rgb(240, 230, 140) | hsl(54, 77%, 75%) | ||
| Peach Puff | #FFDAB9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) |
For more rich, warm, and earthy color palettes inspired by cozy golden hours and falling foliage, check True Autumn Palettes.