Flame

#E25822

Orange Family →

What Color is Flame

Flame (#E25822) is a visceral, high-intensity shade that vibrates with the heat of a flickering fire. It balances the aggression of red with the friendliness of orange, serving as a powerful catalyst for visual attention. This color is synonymous with radiance and immediate impact.

What color is opposite Flame?

The opposite color to Flame is Picton Blue (#22ace2).

View Picton Blue

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Autumn
  • Complementary Color: #22ACE2
  • Brightness: 123/255
  • Saturation: 85%

Colors That Pair Well With Flame

Complementary

Pair with Picton Blue for a harmonious, balanced look. Great for backgrounds and accents.

#E25822#22ace2

High Contrast

Use Cerulean for maximum readability. Ideal for text or critical UI elements.

#E25822#1da7dd

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#ee9b7a#712c11

Flame History

Historically, this specific range of orange-red was achieved using orpiment and realgar, toxic arsenic-based minerals used since antiquity. In the 19th century, the discovery of chromium revolutionized the production of vibrant oranges, allowing artists like the Pre-Raphaelites to capture the intensity of light and fire on canvas.

During the mid-century modern era, Flame became a staple for avant-garde furniture and graphic posters. It represented a departure from traditional muted tones, symbolizing the optimism of the Space Age and the bold experimentation of the 1960s pop art movement.

Meaning & Psychology

Flame triggers a state of arousal and physiological excitement, often increasing heart rates and stimulating the appetite. It is a color of assertiveness, projecting a personality that is confident, extroverted, and unafraid of being the center of attention.

In many Eastern cultures, variations of this hue signify sacredness and spiritual transformation, often seen in the robes of monks. Conversely, in Western contexts, it acts as a warning, signaling heat, danger, or a call to action that demands an immediate response.

In Nature

In the natural world, this shade appears during the chemical process of combustion when gases reach specific temperatures. It is found in the petals of the California poppy, the vibrant plumage of the cock-of-the-rock bird, and the rich iron-oxide deposits found in desert canyons.

How To Use Flame

As a senior designer, I recommend using Flame as a focal point rather than a background color. It is highly effective for Call-to-Action (CTA) buttons and branding elements that require high visibility. However, use it sparingly in digital interfaces to avoid eye-strain for the user.

Regarding accessibility, Flame requires careful pairing; it often fails WCAG contrast standards when used with white text. To maintain readability, pair it with deep charcoals or navy blues, which provide a grounded equilibrium to its fiery temperament.

Related Words

orpimentchromiumintensitymid-centuryoptimismarousalassertivenesssacrednesswarningcombustioncalifornia poppycock-of-the-rockiron-oxidefocalvisibilityeye-strainreadabilityequilibrium

Curated Palettes

#E25822
#4A2C2A
#8E443D
#D9A066
#F2E8CF

Molten Earth

A grounded, organic palette inspired by volcanic landscapes and cooling lava.

#E25822
#1B263B
#415A77
#778DA9
#E0E1DD

Twilight Spark

A high-contrast professional palette where flame cuts through cool evening blues.

#E25822
#F9C80E
#F86624
#662E9B
#43BCCD

Retro Citrus

A nostalgic, high-energy palette reminiscent of 1970s graphic design.

Color Conversions

Hex
#E25822
RGB
226, 88, 34
RGB %
89%, 35%, 13%
HSL
17°, 77%, 51%
HSV
17°, 85%, 89%
CMYK
0%, 61%, 85%, 11%
LAB
55.34, 51.36, 55.69
XYZ
35.14, 23.26, 4.15

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #E25822;
Text Color (RGB)
Aa
color: rgb(226, 88, 34);
Background Color
background-color: #E25822;
Border
border: 3px solid #E25822;
Box Shadow
box-shadow: 0 4px 12px #E2582266;
Gradient
background: linear-gradient(135deg, #E25822 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Flame

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Flame

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Flame?

Explore color palettes containing Flame and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Prismacolor

Pumpkin Orange

#PC1032#DE6619

Buy

Caran d'ache Luminance 6901

Cornelian

#850#F05612

Buy

Polychromos

dark cadmium orange

#115#F47933

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Flame?
The hex code for Flame is #E25822. The RGB values are (226, 88, 34). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Flame?
Flame pairs well with its complementary color, Picton Blue (#22ace2). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Flame accessible for text?
No, Flame is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Flame in CSS?

You can use Flame in CSS with its hex code. Here is an example class:

.flame {
  background-color: #E25822;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.