Spanish orange is a vibrant, sunny color with warm, citrus vibes, falling between red and yellow on the color wheel. This zesty hue resembles a saffron tint, moodier than tangerine. It's great for adding warmth and energy to autumnal designs or Mediterranean-inspired themes.
Spanish orange is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #E86100
- RGB value: 91.0% red, 38.0% green, 0.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as spanish orange, consider:
- Burnt Orange (#be5103): Burnt Orange captures the deep warmth of Spanish orange with its earthy and sunlit tone, perfect for evoking autumnal color and warm tones.
- Amber (#ffbf00): With its golden orange glow, Amber offers a sunny coloration that's reminiscent of Spanish orange’s bright, Mediterranean shade.
- Gold (#efbf04): Gold shares a saffron tint and sunlit tone, providing a rich, warm hue that echoes the citrus hue of Spanish orange.
- Apricot (#ffb27f): Apricot emits a softer, warm tone similar to Spanish orange, invoking a gentle, sunlit tone suitable for evoking a Mediterranean shade.
To complement Spanish orange, consider pairing it with:
- Teal (#069494): This contrasting color pairs beautifully with Spanish orange, combining vibrant warmth with a cool, refreshing tone for a balanced, dynamic palette.
- Navy Blue (#000080): The depth of navy blue provides a stunning backdrop, allowing Spanish orange to pop and creating a classic, sophisticated look.
- Mint Green (#ADEBB3): This light, refreshing shade complements the warmth of Spanish orange by adding an energizing yet soft touch, perfect for a bright and sunny coloration.
- Forest Green (#2E6F40): A rich green that echoes nature’s palette, forest green pairs seamlessly with Spanish orange, enhancing its rustic, earthy feel.
- Bright Yellow (#FFED29): This sunny hue intensifies Spanish orange’s warmth, infusing energy and creating an irresistible, eye-catching combination.
While Spanish orange evokes a vibrant, sunlit tone typical of Mediterranean shades, it may clash with:
- Blood Red (#780606): This deep, intense red can overwhelm Spanish orange, creating a dark, heavy contrast that lacks harmony.
- Neon Pink (#FF13F0): This vivid, electric hue can clash by competing for attention, leading to a visually jarring combination.
- Forest Green (#2E6F40): The cool, muted tones of forest green create a stark contrast with the warm, rustic orange, disrupting the balance of a cohesive color palette.
- Electric Blue (#00F0FF): This eye-catching blue can overshadow the sunny coloration of Spanish orange, creating a harsh and discordant look.
- Bright Yellow (#FFED29): Although similar in warmth, the high intensity of bright yellow can clash with Spanish orange, leading to a palette that feels overly bright and lacks depth.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Fiery Ocean
Sunset Surf
Ember Spice
Contrast checker
Contrast 3.42
- Large Text
#E86100
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 6.14
- Large Text
#E86100
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #E86100, known as Spanish orange, has RGB values of R:232, G:97, B:0 and CMYK values of C:0, M:58, Y:100, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #E86100 | #E86100 |
| RGB DECIMAL | 232, 97, 0 | RGB(232,97,0) |
| RGB PERCENTAGE | 91.0, 38.0, 0.0 | RGB(91.0%,38.0%,0.0%) |
| CMYK | 0, 58, 100, 9 | |
| HSL | HSL(25.1, 100.0%, 45.5%) | HSL(25.1, 100.0%, 45.5%) |
| HSV (OR HSB) | 25.1°, 100.0, 91.0 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11101000, 01100001, 00000000 | |
| iOS - SwiftUI | Color(red: 0.910, green: 0.380, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.910, green: 0.380, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFE86100) |
