What color is Orange?
Orange is a warm, bright color that falls between red and yellow on the spectrum, hex #FFA500, with a strong glow that draws the eye. It shares the richness of a ripe pumpkin and can range from a soft amber tone to a deep, vivid blaze depending on its shade.
What is the meaning of the color Orange?
The English word orange traces to the Sanskrit naranga, carried through Persian and Arabic into Old French before entering English around the 16th century, first as the name of the fruit and then as a color name. Trade routes brought the sweet orange tree from South Asia to Europe, where the fruit’s vivid skin gave the color its identity. The Dutch royal family, the House of Orange-Nassau, adopted it as a dynastic color in the same century, spreading its political use across the Netherlands and later Ireland. Harley-Davidson has used orange in its branding since the early 20th century, anchoring the color to themes of energy and independence.
What colors go with Orange?
Colors that pair well with Orange include:
Navy Blue: strong, grounding contrast
White: clean, fresh balance
Forest Green: natural, earthy depth
Burgundy: rich, warm harmony
Charcoal: bold, modern anchor
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFA500 |
color: #FFA500;
|
| RGB | 255, 165, 0 |
color: rgb(255, 165, 0);
|
| RGB Percentage | 100%, 65%, 0% |
color: rgb(100%, 65%, 0%);
|
| CMYK | 0%, 35%, 100%, 0% | Not supported in CSS |
| HSL | 39°, 100%, 50% |
color: hsl(39, 100%, 50%);
|
| HSV | 39°, 100%, 100% | Not supported in CSS |
| CIE-LAB | 40, 18, 55 |
color: lab(40% 18 55);
|
| Decimal | 16753920 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.orange {
color: #FFA500;
}
$orange: #FFA500;
rgb(255, 165, 0)