Spanish Orange

#E86100

What color is Spanish Orange?

Spanish orange is a deep, warm orange with strong amber and brown undertones, hex #E86100, close to the color of a marigold petal in full bloom. The tone is rich and earthy, leaning darker than a bright citrus orange but still clearly orange rather than brown.

What is the meaning of the color Spanish Orange?

Named for the deep orange tones associated with Spanish craft and textile traditions, Spanish orange has roots in the pigments used in Iberian decorative arts from the 16th century onward. Spanish trade networks spread vivid orange dyes across Europe through saffron and other plant-based colorants cultivated in southern Spain. The color gained broader recognition as Spanish-influenced architecture and tilework, particularly from Andalusia, brought this warm, sun-baked orange into decorative use across the Americas. The clothing brand Zara, headquartered in Arteixo, Spain, has used tones in this range as a recurring seasonal signature in its autumn collections.

RGB
232, 97, 0
HSL
25°, 100%, 45%
CMYK
0, 58, 100, 9
HSV
25°, 100%, 91%
Spanish orange color

What colors go with Spanish Orange?

Colors that pair well with Spanish orange include:
Deep navy: sharp, grounding contrast
Ivory: warm, softening effect
Forest green: earthy, natural balance
Burnt sienna: tonal, rich depth
Charcoal gray: bold, modern anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E86100 color: #E86100;
RGB 232, 97, 0 color: rgb(232, 97, 0);
RGB Percentage 91%, 38%, 0% color: rgb(91%, 38%, 0%);
CMYK 0%, 58%, 100%, 9% Not supported in CSS
HSL 25°, 100%, 45% color: hsl(25, 100%, 45%);
HSV 25°, 100%, 91% Not supported in CSS
CIE-LAB 36, 27, 32 color: lab(36% 27 32);
Decimal 15229184 Not supported in CSS

Color Variations

Shades

#E66000
#CF5600
#B84D00
#A14300
#8A3900
#733000
#5C2600
#451D00

Tints

#FFCEAB
#FFBE8F
#FFAD73
#FF9D57
#FF8C3B
#FF7C1F
#FF6C03
#E66000

Tones

#E66000
#DA620B
#CF6317
#C36522
#B8672E
#AC6939
#A16B45
#956D50

Hues

#E66000
#BFE600
#13E600
#00E699
#0086E6
#2600E6
#D200E6
#E6004C

Color Harmonies

Analogous

#E60013
Click to copy
#E86100
Click to copy
#E6D200
Click to copy

Complementary

#E86100
Click to copy
#0086E6
Click to copy

Split Complementary

#E86100
Click to copy
#00E6D2
Click to copy
#0013E6
Click to copy
96%

Triadic

#E86100
Click to copy
#00E660
Click to copy
#6000E6
Click to copy

Tetradic

#E86100
Click to copy
#13E600
Click to copy
#0086E6
Click to copy
#D200E6
Click to copy

Square

#E86100
Click to copy
#13E600
Click to copy
#0086E6
Click to copy
#D200E6
Click to copy

CSS & Dev Snippets

CSS
.spanish-orange {
  color: #E86100;
}
SCSS
$spanish-orange: #E86100;
RGB
rgb(232, 97, 0)

Accessibility & Contrast

White background

3.42:1
3.42
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.14:1
6.14
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags