Vivid Warm Yellow

A rich, warm-toned yellow like the midday sun

HEX#FFCC33
RGBrgb(255, 204, 51)
HSLhsl(45, 100%, 60%)
HSVhsv(45, 80%, 100%)
CMYKcmyk(0%, 20%, 80%, 0%)
HEXA#FFCC33FF
RGBArgba(255, 204, 51, 1)
HSLAhsla(45, 100%, 60%, 1)
OKLCHoklch(92.6%, 0.131, 97)
LCHlch(91.7%, 52.6, 104)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FF6633
Copy
#FFCC33
Copy
#CCFF33
Triadic3 hues spaced 120° apart
Copy
#FFCC33
Copy
#33FFCC
Copy
#CC33FF
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FFCC33
Copy
#33CCFF
Copy
#6633FF
Complementary2 hues spaced 180° apart
Copy
#FFCC33
Copy
#3366FF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FFCC33
Copy
#33FF66
Copy
#3366FF
Copy
#FF33CC
MonochromaticSingle hue with varying saturation and lightness
Copy
#664D00
Copy
#CC9900
Copy
#FFCC33
Copy
#FFE699
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#523D00Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#4D6600Ratio 4.3:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#228A00Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#00A87ERatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#5C4500Copy
#806000Copy
#A37A00Copy
#C79500Copy
#EBB000Copy
#FFC30FCopy
#FFCC33Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#C2AD70Copy
#CCB366Copy
#D6B85CCopy
#E0BD52Copy
#EBC247Copy
#F5C73DCopy
#FFCC33Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#3C3520Copy
#5B4D25Copy
#7D6726Copy
#A48423Copy
#D0A21BCopy
#F1BC1ECopy
#FFCC33Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FF9933Copy
#FFAA33Copy
#FFBB33Copy
#FFCC33Copy
#FFDD33Copy
#FFEE33Copy
#FFFF33Copy

💡 Use Cases

🍔

Fast Food Branding

McDonald's Golden Arches and Burger King packaging both select this color range. Warm yellow stimulates hunger and has extremely high recognizability, triggering a conditioned response from a hundred meters away.

🏮

Festive Lanterns

Lanterns for the Lantern Festival and Mid-Autumn Festival are often made of warm yellow paper. Candlelight filtering through the warm yellow shades onto family members' faces—this is the color of reunion.

☀️

Sunroom Design

North-facing rooms are painted with warm yellow walls to compensate for the lack of sunlight. Paired with beige sofas and rattan furniture, it artificially creates the lighting effect of a Southern French farmhouse.

📸

Food Photography

Food bloggers always adjust the white balance towards warm yellow when shooting, making the sizzling oil on a steak look even more appetizing. Food in cool tones often looks like plastic.

📜 Origin & History

The natural prototype for warm yellow is the midday sun. Humanity's first sensation of yellow was not an abstract color, but the temperature of sunlight on the skin. As Australian Aboriginals walked through the desert, the sun overhead presented a saturated, almost thickened gold. This color is imprinted into humanity's most primal, physical memory of heat.

In ancient China, warm yellow was associated with the central cardinal direction. In the Five Elements system, yellow corresponds to the Earth element, positioned in the center, and is the supreme color governing the four directions. The 'Rites of Zhou' stipulated that when the Son of Heaven offered sacrifices to Heaven, he wore a great fur robe and a crown; the yellow silk lining had to match the exact hue of the midday sun. Any deviation towards cool or warm was seen as disrespectful.

The court paintings of India's Mughal Empire heavily used warm yellow. Miniature painters used a pigment called 'Indian Yellow,' said to be extracted from the urine of cows fed only on mango leaves, producing a rich, translucent warm yellow. Under the harsh sun of Rajasthan, the warm yellow of the women's saris in the paintings merges seamlessly with the scorched yellow desert background.

At the end of the 19th century, Van Gogh left the Netherlands for the South of France and was overwhelmed by the sun in Arles. He wrote to his brother Theo, 'The sun here is a swirling vortex, baking the wheat fields into a thick, viscous warm yellow.' He used tubes of chrome yellow to pile impasto layers onto the canvas, covering it with pigment like mud.

In the 20th century, the fast-food industry discovered warm yellow's power to stimulate appetite. McDonald's Golden Arches use a precisely calculated shade of warm yellow. Psychologists found that this specific hue reminds people of freshly cooked French fries, causing salivation three seconds faster than when viewing cool tones.

🧠 Color Psychology

Cozy and WarmThe feeling of the midday sun on your back is sealed within this color. A single glance seems to raise your body temperature by two degrees, especially inviting in the depths of winter.
Appetite StimulantThe crispy skin of fried chicken, a fresh loaf of bread, melted cheese—all the delicious things that make us gain weight exist in this color spectrum. The stomach reacts before the eyes do.
Optimistic and CheerfulWarm yellow lacks the sharpness of lemon yellow; it's like a friend patting you on the shoulder, saying 'It's okay.' Its optimism is substantial and trustworthy, not blind, empty comfort.
Anxious AnticipationThe slanting sun at 4 p.m. is this color. Waiting for a delivery, a message, or to get off work—that moment of anxious yet hopeful waiting is captured in warm yellow.
The Bustle of LifeThe warm yellow lights shining from countless windows at dusk are a city's most tender moment. Under every lamp, there is a family sharing a meal.
Lazy AfternoonThe spot of light on the floor where a cat loves to nap is warm yellow. Time slows down in this color, suitable for daydreaming, dozing, and thinking about nothing.