PastelOrange
#FFB347Orange family
About PastelOrange
PastelOrange (#FFB347) is a medium, vivid orange. Orange mixes red's energy with yellow's cheer, producing a warm, friendly hue that feels vibrant without being as intense as pure red.
Psychology
Orange radiates enthusiasm, creativity and warmth. It is an optimistic, sociable color that stimulates activity and appetite, yet reads as more approachable and playful than red.
Applications
Orange is a favorite for food and beverage brands, sports, adventure and creative industries. It also makes an excellent accent for CTAs, highlights and anything that should feel energetic but friendly.
History
The color takes its name from the fruit, which arrived in Europe via trade routes in the Middle Ages; before that, the hue was simply described as a yellow-red. Synthetic chrome orange in the 19th century made vivid oranges widely available.
Meaning
Orange is linked to warmth, harvest, vitality and affordability. In Western cultures it signals energy and value, while in others it carries sacred or spiritual significance, such as saffron robes in South Asia.
Why use this color
Choose orange when you want a design to feel warm, optimistic and energetic but not aggressive. It works well for friendly CTAs, food brands and creative or outdoor products.
Accessibility
Against white, #FFB347 has a 1.8:1 contrast ratio; against black it is 11.8:1. Black text on #FFB347 meets WCAG AA for normal text.
Fun facts
- The fruit gave the color its name; in English the fruit word predates the color word.
- Orange is highly visible, which is why safety vests, life rafts and traffic cones use it.
- Orange is a common team color in sports because it stands out in a crowd and on camera.
Shades, tints & tones
Variations
Ten lightness steps plus PastelOrange's tints, shades and tones — every swatch copies its hex on click.
Lightness scale
Tints (toward white)
Shades (toward black)
Tones (toward gray)
Color theory
Color harmonies
Proven schemes built around PastelOrange. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how PastelOrange is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How PastelOrange performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether PastelOrange is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put PastelOrange to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #FFB347 (hue 35°) sits #4794ff, held together by the #fce7ca tint and the neutrals #f4f4f5 and #18181b.
Analogous
#FFB347 with its two closest neighbours, #ff5747 and #f0ff47, for a 100%-saturation run that stays inside one family; #fce7ca and #c77400 add depth without breaking it.
Triadic
#FFB347 plus #47ffb3 and #b247ff, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.
Monochromatic
One hue at 5 lightness steps: #fff7eb through #1f1200, starting from #FFB347 at 64% lightness.
PastelOrange (#FFB347) is a orange-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.
Frequently asked questions
PastelOrange is #FFB347 — rgb(255, 179, 71) / hsl(35, 100%, 64%). PastelOrange (#FFB347) is a medium, vivid orange. Orange mixes red's energy with yellow's cheer, producing a warm, friendly hue that feels vibrant without being as intense as pure red.
Good to know
- PastelOrange is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #4794ff.
More color tools
Next steps for PastelOrange: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.