Orange Yellow

A transitional color between orange and yellow, bright and cheerful

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, stepwise lightness adjustment ±30%

#7A4D06

#AA6C08

#DB8B0A

#F5A524

#F7B955

#F9CD85

#FCE1B6

Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%

#D29D46

#DE9F3B

#E9A22F

#F5A524

#FFA71A

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment

#835916

#AC7216

#D78C14

#F2A221

#FAB442

#FFC466

#FFD48F

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

#F57024

#F58224

#F59324

#F5A524

#F5B624

#F5C724

#F5D924

💡 Use Cases

🚸

Safety Signage

Base color for life jackets, traffic cones, and warning signs, using high visibility to ensure safety; an internationally recognized warning color.

🧒

Children's Spaces

Color for kindergarten walls, play equipment, and educational toys, matching children's preference for bright colors and promoting sensory development.

🏃

Sports Equipment

Color scheme for running shoes, activewear, and outdoor backpacks, stimulating adrenaline during exercise and conveying visual signals of speed and passion.

🎉

Party Decor

Main color for balloons, streamers, and themed party decorations, quickly creating a warm, jubilant celebratory atmosphere and releasing joyful emotions.

📜 Origin & History

Orange yellow emerged relatively late as an independent color concept in China, but its practice existed much earlier. Han dynasty silk fabrics included yellow-orange textiles dyed with gardenia and smoke tree, evidenced by silk fragments unearthed from Mawangdui.

The Tang color spectrum gradually refined, placing orange yellow between apricot yellow and tangerine red, seen as a vibrant transitional color. In Dunhuang murals, orange yellow was heavily used for celestial sashes and Buddha's halo, depicting sacred light and ascending dynamism.

Song Yingxing's 'The Exploitation of the Works of Nature' detailed over-dyeing techniques with safflower and sophora, enabling artisans to reliably produce stable orange-yellow. By then, it was widely used in officials' regular uniforms and folk festive attire.

During the Ming and Qing dynasties, orange yellow was strictly regulated for use on glazed tiles and palace paintings. The Hall of Supreme Harmony in the Forbidden City features dazzling orange-yellow glazed tiles, symbolizing supreme imperial power and righteous brilliance.

In modern society, orange-yellow is regarded as a high-visibility safety color, widely used for life-saving equipment, traffic signs, and outdoor sports gear. Its cheerful brightness also makes it common in children's products and leisure venues.

🧠 Color Psychology

JoyfulMixing yellow's lightness with orange's warmth, it's like bouncing notes of sunlight, effectively lifting mood and mental state.

Eye-CatchingHigh in both brightness and saturation, it has extremely strong visual penetration, irresistibly drawing attention.

YouthfulEvocative of the rising sun and sprouting buds, it symbolizes youth and vitality, inspiring courage and enthusiasm to meet challenges.

CreativeAn active cerebral cortex in an orange-yellow environment is more prone to divergent thinking, aiding creative ideation and inspiration.

WarmLayering orange's warmth over a yellow base provides a comfortable visual temperature that effectively dispels gloom without being scorching.

FreeUnbound by red's passion or yellow's naivety, orange-yellow maintains an independent spirit, stimulating a desire for breaking conventions and self-expression.

← Back to Explore Colors