Vermilion Orange

An intense blend of orange and scarlet, dazzling and full of tension

HEX#FF4500
RGBrgb(255, 69, 0)
HSLhsl(16, 100%, 50%)
HSVhsv(16, 100%, 100%)
CMYKcmyk(0%, 73%, 100%, 0%)
HEXA#FF4500FF
RGBArgba(255, 69, 0, 1)
HSLAhsla(16, 100%, 50%, 1)
OKLCHoklch(75.4%, 0.178, 59)
LCHlch(69.9%, 79.2, 69)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FF003B
Copy
#FF4500
Copy
#FFC300
Triadic3 hues spaced 120° apart
Copy
#FF4500
Copy
#00FF44
Copy
#4400FF
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FF4500
Copy
#00FFC4
Copy
#003BFF
Complementary2 hues spaced 180° apart
Copy
#FF4500
Copy
#00BBFF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FF4500
Copy
#3BFF00
Copy
#00BBFF
Copy
#C300FF
MonochromaticSingle hue with varying saturation and lightness
Copy
#330E00
Copy
#992900
Copy
#FF4500
Copy
#FF8F66
Copy
#FFDACC

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3.4:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFDF5Ratio 3.4:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#CEFF47Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#00FF44Ratio 2.5:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#4D1400Copy
#6B1D00Copy
#8A2500Copy
#A32C00Copy
#C23400Copy
#E03C00Copy
#FF4400Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#B3684DCopy
#BF6240Copy
#CC5C33Copy
#D95626Copy
#E65019Copy
#F24A0DCopy
#FF4400Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#32211BCopy
#4C2B1FCopy
#693420Copy
#87391DCopy
#AC3E16Copy
#D3420DCopy
#FF4400Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FF0400Copy
#FF1A00Copy
#FF2F00Copy
#FF4400Copy
#FF5900Copy
#FF6E00Copy
#FF8400Copy

💡 Use Cases

🚗

Sports Car Paint

An iconic color showcasing speed and passion, the visual embodiment of lightning-fast movement.

🎨

Abstract Expressionism

Rothko-esque large color field paintings, striking viewers' emotions directly with pure color.

📊

Data Highlighting

The warning color for dashboards and charts, immediately capturing a decision-maker's gaze.

👟

Trendy Sneakers

The core colorway for limited-edition collaborations, showcasing an unruly street attitude.

📜 Origin & History

Vermilion Orange sits at the very start of the hue circle, one of the longest visible wavelengths of warm color. Ancient Roman murals used mixtures of cinnabar and red lead to render this tone, highlighting the bravery of gladiators and the majesty of gods. The well-preserved vermilion orange backgrounds in Pompeii's Villa of the Mysteries still pack a visual punch today.

In medieval illuminated manuscripts, Vermilion Orange, due to its high material cost, was used to depict the fire of the Holy Spirit and angels' wings. Missals of the papal court marked important feasts in Vermilion Orange, symbolizing the fervor and devotion of Pentecost.

In the 19th century, chemists synthesized pigments like Cadmium Orange and Selenium Red, enabling stable mass production of Vermilion Orange. Pointillist painter Georges Seurat, in 'A Sunday Afternoon on the Island of La Grande Jatte', used juxtaposed brushstrokes of Vermilion Orange and blue to create intense luminosity through optical mixing.

In the 20th-century Pop Art movement, Andy Warhol extensively used Vermilion Orange as the background and lip color in his Marilyn Monroe silkscreen series. This highly commercially impactful color defined the aesthetic of desire in the consumerist era.

In contemporary digital visuals, Vermilion Orange, due to its eye-friendly properties in dark mode, is used for nighttime mode icons and special effects for rare items in games, serving as a high-signal color bridging virtual and real-world stimuli.

🧠 Color Psychology

BoldnessAn undeniable visual statement, a chromatic attitude that rejects mediocrity and ambiguity.
CompetitiveStimulates adrenaline and the will to win, closely linked with athletic performance.
AdventurousA stimulating signal outside the norm, encouraging the courage to step out of one's comfort zone.
CarnivalThe ultimate warm color for festivals and parties, releasing pent-up emotional energy.
ImminentA sense of visual expansion on the hue, creating psychological pressure of active approach.
Avant-gardeA radical choice challenging traditional aesthetics, resonating with experimental art.