What color is Yellow?
Yellow is a bright, warm color that sits between green and orange on the visible spectrum, hex #FFDE21, with a tone close to a ripe lemon. It has a high natural brightness that makes it stand out strongly against darker backgrounds.
What is the meaning of the color Yellow?
Old English used the word geolu for this color as early as the 9th century, rooted in the Proto-Germanic gelwaz. Through medieval Europe, yellow dyes were extracted from weld plants and used in textiles traded across major markets including those in Flanders. The color became associated with caution after the United States adopted yellow as the standard color for warning signs, formalized in the Manual on Uniform Traffic Control Devices first published in 1935. Kodak anchored yellow to consumer photography through its signature yellow packaging, introduced in 1935 and still in use today.
What colors go with Yellow?
Colors that pair well with Yellow include:
Navy Blue: sharp, striking contrast
Gray: calm, balanced backdrop
White: clean, open brightness
Forest Green: natural, earthy harmony
Black: bold, graphic depth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFDE21 |
color: #FFDE21;
|
| RGB | 255, 222, 33 |
color: rgb(255, 222, 33);
|
| RGB Percentage | 100%, 87%, 13% |
color: rgb(100%, 87%, 13%);
|
| CMYK | 0%, 13%, 87%, 0% | Not supported in CSS |
| HSL | 51°, 100%, 56% |
color: hsl(51, 100%, 56%);
|
| HSV | 51°, 87%, 100% | Not supported in CSS |
| CIE-LAB | 45, 7, 63 |
color: lab(45% 7 63);
|
| Decimal | 16768545 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.yellow {
color: #FFDE21;
}
$yellow: #FFDE21;
rgb(255, 222, 33)