Yellow Orange

Gentle yellow with orange undertones, warm as sunset glow

HEX#F5A623

RGBrgb(245, 166, 35)

HSLhsl(37, 91%, 55%)

HSVhsv(37, 86%, 96%)

CMYKcmyk(0%, 32%, 86%, 4%)

HEXA#F5A623FF

RGBArgba(245, 166, 35, 1)

HSLAhsla(37, 91%, 55%, 1)

OKLCHoklch(88%, 0.133, 89)

LCHlch(86%, 54.2, 96)

🎨 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

#FFFBF5Ratio 2:1Fail

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

Aa14px Body

Standard Text

#FAFEE2Ratio 2:1Fail

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#F6FEF0Ratio 2:1Fail

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

Aa14px Body

Decorative / Dividers

#F0FEF9Ratio 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%

#533504

#704705

#8D5A07

#AF6F08

#CD820A

#EF970B

#F5A524

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

#B69663

#C19957

#CB9B4D

#D69D43

#E0A038

#EAA22E

#F5A524

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#372E20

#514024

#6E5226

#926826

#B67D20

#E19419

#F5A524

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

#F57024

#F58224

#F59324

#F5A524

#F5B624

#F5C724

#F5D924

💡 Use Cases

🍂

Autumn Themes

Autumn weddings, seasonal posters, and harvest festival visual designs use the yellow-orange palette to create a warm and poetic seasonal atmosphere.

🫖

Teaware & Vessels

The natural ash glaze of wood-fired tea ware often presents yellow-orange tones. The warm luster complements the tea soup beautifully, cherished by tea ceremony enthusiasts.

📷

Photography Filters

In backlit dusk shots or post-production color grading, yellow-orange tones are the most common color scheme for creating a film-like, nostalgic ambiance.

📚

Book Binding

Book cover designs for literary works favor yellow orange. It is unobtrusive yet enduring, suitable for humanities and social science works that require quiet appreciation.

📜 Origin & History

Yellow orange was known in ancient China as ti color or apricot yellow, a transitional tone between bright yellow and orange red. Mature yellow-orange dyeing techniques existed on Han Dynasty silk fabrics, with craftsmen precisely controlling the ratio of gardenia to safflower to produce a warm tone like the setting sun.

In the Tang Dynasty murals of Dunhuang's Mogao Caves, yellow orange appears extensively on flying apsara sashes and auspicious cloud motifs. Painters used this warm yet non-glaring tone to create a serene atmosphere of the Buddhist Pure Land, making it a color bridge connecting the celestial and human realms.

Song Dynasty literati aesthetics favored subtlety and restraint, and yellow orange found its optimal medium in ceramic glazes. Some pieces from Ru and Guan kilns, fired in specific kiln positions, displayed an elegant yellow-orange tone on their surfaces, praised as a poetic color of clearing after rain.

During the Ming and Qing periods, yellow orange was incorporated into the royal color system, becoming the clothing color for crown princes and princes. This color, slightly more subdued than bright yellow, maintained a sense of nobility while reflecting the virtue of humility within the hierarchical order—a subtle expression of Chinese ritual culture through color.

Modern art masters like Lin Fengmian and Wu Guanzhong often used yellow-orange tones in their paintings to express Chinese nostalgia, merging traditional warmth with modern formal language, allowing yellow orange to tell Eastern stories on the international art stage.

🧠 Color Psychology

Gentle and HealingYellow orange envelops the world like the afterglow of a sunset, giving a feeling of being gently embraced. It can soothe anxiety and bring inner peace and comfort.

Mature and BountifulThis color evokes associations with ripe wheat fields and autumn orchards, awakening a sense of satisfaction from the fruits of labor and the joy of abundance.

Nostalgic and SentimentalYellow orange carries a filter effect of time's sedimentation, like the base tone of old photographs, triggering deep nostalgia for beautiful times past.

Down-to-EarthCompared to pure gold, yellow orange has higher warmth and moderate brightness, appearing more rustic and approachable, without a sense of distance or pressure.

Stable and GroundedEarth-toned yellow-orange hues bring psychological stability, like sitting in front of an old house basking in the sun on an autumn afternoon, where everything feels safe and settled.

Subtle and ElegantYellow orange is neither showy nor glaring, revealing a warm, moist texture with a low profile, aligning with the Eastern aesthetic appreciation for understated beauty.

← Back to Explore Colors