What color is Yellow-orange?
Yellow-orange is a warm, bright color that falls between yellow and orange, leaning toward a golden amber tone, hex #FFB343, close to the color of ripe mango flesh. It has a strong yellow base with enough orange to give it a sun-warmed depth without appearing brown.
What is the meaning of the color Yellow-orange?
Saffron, one of the oldest recorded dyes in the world, produced a color close to yellow-orange and was documented in trade routes through the Middle East and India as early as 1500 BCE. The color became associated with celebration and spiritual life across South and Southeast Asia, where saffron-dyed robes were adopted by Buddhist monks during the reign of Emperor Ashoka in the 3rd century BCE. In the West, the warm golden range of yellow-orange gained commercial footing when Fanta Orange, introduced by Coca-Cola in Germany in 1941, built its global brand identity around this hue.
What colors go with Yellow-orange?
Colors that pair well with Yellow-orange include:
Deep brown: grounded, earthy contrast
Navy blue: bold complementary balance
Cream: soft, warm harmony
Burgundy: rich, warm depth
Forest green: natural, vivid contrast
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFB343 |
color: #FFB343;
|
| RGB | 255, 179, 67 |
color: rgb(255, 179, 67);
|
| RGB Percentage | 100%, 70%, 26% |
color: rgb(100%, 70%, 26%);
|
| CMYK | 0%, 30%, 74%, 0% | Not supported in CSS |
| HSL | 36°, 100%, 63% |
color: hsl(36, 100%, 63%);
|
| HSV | 36°, 74%, 100% | Not supported in CSS |
| CIE-LAB | 50, 15, 37 |
color: lab(50% 15 37);
|
| Decimal | 16757571 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.yellow-orange {
color: #FFB343;
}
$yellow-orange: #FFB343;
rgb(255, 179, 67)