Orange Yellow
HEX: #F8D568 | Modern Palette
Color Specifications
#F8D568
248, 213, 104
45°, 91% ,69%
0, 14, 58, 3
About Orange Yellow
Orange Yellow (#F8D568) is a color with RGB(248, 213, 104) and HSL(45.4°, 91.1%, 69%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #688BF8, which creates strong contrast. Its triadic palette includes #68F8D5 and #D568F8. The name comes from Orange Yellow (English).
- HEX: #F8D568
- RGB: 248, 213, 104
- HSL: 45.4°, 91.1%, 69%
- Mood: Energetic, Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #688BF8
- Triadic colors: #68F8D5, #D568F8
- The name comes from Orange Yellow (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #F8D568 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The individual colors orange and yellow have rich histories. Yellow is one of the oldest colors used in art, found in prehistoric cave paintings. Orange, as a distinct color name, emerged in Europe in the 16th century with the arrival of the orange fruit. The combination 'orange yellow' describes a specific point on the color spectrum between these two. Its use became more precise with the development of color systems (like Munsell) and the need for more granular color identification in various fields. In digital contexts, it's a common descriptor for a range of warm, bright hues.
First Recorded Use
While 'orange' and 'yellow' have ancient origins, the specific compound 'orange yellow' as a distinct color descriptor likely became more common with the standardization of color naming in art, science, and industry. Early examples can be found in botanical descriptions, art criticism, and dye manufacturing around the late 1800s to early 1900s. The hex code #f8d568 is a modern digital representation.
Cultural Associations
Orange yellow hues often evoke feelings of warmth, sunshine, happiness, and energy. In some cultures, yellow is associated with royalty or divinity, while orange can symbolize creativity, enthusiasm, or autumn. The specific shade #f8d568, being quite bright and light, might be associated with spring, citrus fruits, or a cheerful disposition. It's a common color in branding for products aiming for a friendly or energetic feel.
Code Snippets
/* Background */
.element {
background-color: #F8D568;
}
/* Text */
.element {
color: #F8D568;
}
/* Border */
.element {
border: 1px solid #F8D568;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#F8D568,
#688BF8
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#F8D568,
#688BF8
);
}// SCSS variable
$orange-yellow: #F8D568;
// With RGB channels (useful for rgba() usage)
$orange-yellow-r: 248;
$orange-yellow-g: 213;
$orange-yellow-b: 104;
// Usage
.element {
background-color: $orange-yellow;
color: rgba($orange-yellow-r, $orange-yellow-g, $orange-yellow-b, 0.8);
}