Pure Yellow

The purest, unadulterated yellow, an unmixed primary color

HEX#FFFF00

RGBrgb(255, 255, 0)

HSLhsl(60, 100%, 50%)

HSVhsv(60, 100%, 100%)

CMYKcmyk(0%, 0%, 100%, 0%)

HEXA#FFFF00FF

RGBArgba(255, 255, 0, 1)

HSLAhsla(60, 100%, 50%, 1)

OKLCHoklch(96.8%, 0.211, 110)

LCHlch(97.1%, 96.2, 108)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#575700Ratio 7.1:1AAA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#408000Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#00A800Ratio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#00C7C7Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#4C4D00

#6B6B00

#8A8A00

#A3A300

#C2C200

#E0E000

#FFFF00

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#B2B34D

#BFBF40

#CCCC33

#D9D926

#E5E619

#F2F20D

#FFFF00

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#32321B

#4C4C1F

#696920

#87871D

#ACAC16

#D3D30D

#FFFF00

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#FFBF00

#FFD500

#FFEA00

#FFFF00

#EAFF00

#D4FF00

#BFFF00

💡 Use Cases

⚠️

Safety Warnings

Highway signs and construction safety helmets use pure yellow, leveraging its ultra-high visibility from a distance to reduce accident risks.

🎨

Children's Spaces

Kindergarten walls are often accented with pure yellow, using its dynamic feel to stimulate curiosity, though the area must be controlled to prevent overstimulation.

🌸

Spring Marketing

Posters with a spring flower theme often use a large area of pure yellow with white text. The overwhelming sense of freshness accurately targets consumers' psychology for a new season.

📒

Sticky Notes

Bright yellow sticky notes are visible at a glance in a pile of documents. The high contrast of black text on a pure yellow background is the top tool for efficient reminders.

📜 Origin & History

In ancient times, yellow pigment was first derived from the earth. In Paleolithic cave paintings, humans used yellow ochre to smear on rock walls—a dull, earthy yellow. But obtaining a pure, bright yellow was exceedingly difficult. It wasn't until the ancient Egyptians discovered the mineral orpiment that they could grind a pigment close to pure yellow, using it to decorate pharaohs' tombs as a symbol of the eternal radiance of the sun god Ra.

In medieval Europe, pure yellow held an awkward status. On one hand, its brightness led to its use in religious paintings for halos; on the other, a poor-quality yellow mixed with chalk was used to mark social outcasts. It wasn't until the Renaissance that the emergence of lead-tin yellow allowed painters to mix a purer, brighter yellow, becoming a treasure on the palettes of Titian and Vermeer.

China's reverence for pure, bright yellow began in the Sui and Tang dynasties. Yellow could be dyed from sumac, turmeric, and sophora flowers, but the purest, most vibrant yellow required dyeing with the sap of the zhe tree. During the Ming and Qing dynasties, bright yellow became exclusive to the emperor. The bright yellow satin dragon robes of the Qianlong Emperor were woven with the majesty of heaven-ordained imperial power into every inch.

In 1820, chemist Louis Vauquelin developed chrome yellow, an unprecedentedly brilliant, pure yellow. Van Gogh obsessively used chrome yellow in Arles to paint sunflowers and wheat fields, the piercing bright yellow seemingly burning through the canvas. Unfortunately, chrome yellow contained toxic lead, and many paintings have since discolored and darkened over the century.

Modern pure yellow is achieved with organic azo pigments, which are safe, non-toxic, and highly saturated. From traffic warning signs to the smiley face emoji, pure yellow, with its high visibility, has become a universal visual language for conveying both warning and joy.

🧠 Color Psychology

Lively and CheerfulPure yellow has an inherent, uninhibited bounce, like a child's innocent joy, instantly brightening a dull atmosphere and making the corners of the mouth unconsciously turn up.

Alert and StimulatingAs the brightest color in the visible spectrum, it naturally attracts attention. Traffic lights and warning tape rely on it to stimulate instinctive alertness.

Logically ClearBright yellow can stimulate left-brain activity, enhancing logical thinking and judgment. Students often use yellow paper for key notes during exam preparation to deepen memory.

Ephemeral and FleetingPure yellow reflects all light rays, causing visual fatigue very easily. Prolonged observation can lead to irritation; beautiful and vibrant, yet difficult to gaze upon for long.

Self-CenteredUnlike the steadiness of gold, it carries a youthful pride and unruliness, longing to be the center of attention and somewhat childishly declaring its existence.

HopefulThe first ray of sunlight at dawn is pure yellow. No matter how long the night, a splash of bright yellow can always rekindle hope for a new beginning.

← Back to Explore Colors