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 | |
|---|---|---|---|---|
| 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.