Flame

Meet Flame (#E25822), a vibrant orange-red that burns with intensity. This striking hue sits confidently between red and orange, offering a powerful visual punch without the full aggression of primary red. Its inherent warmth and saturation make it a compelling choice for drawing immediate attention.

Flame
#E25822
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Flame?

Flame is a vivid, warm orange-red that sits confidently between true red and bright orange.

It carries rich, earthy undertones reminiscent of terracotta, giving it a grounded yet energetic character.

What is the meaning of the color Flame (#E25822)?

Flame, a potent mix of red's energy and yellow's optimism, radiates warmth and excitement. It's a color that commands attention, sparking feelings of enthusiasm and creative impulse.

Symbolically, Flame carries a dual meaning. It represents the intense passion and transformative power of fire, but can also serve as a signal for alert or importance, making it a compelling choice in visual communication.

How can I use Flame (#E25822) in my UI design?

In UI design, Flame (#E25822) is a powerful choice for an accent color, perfect for guiding attention to buttons, toggles, or important alerts. To create a sharp, modern look, pair it with deep blues or charcoals. For a warmer, more organic feel, combine it with earthy neutrals like cream, tan, or muted olive green.

Brands like Coda, Udemy, and Ulta Beauty use a similar vibrant orange to project energy and forward-thinking. Its application in products from Artifact, Any Distance, and Whop also demonstrates its effectiveness in building a distinct and confident visual identity.

Explore how Flame works in a real-world design context with the tools on this page. You can find curated color palettes, test contrast for accessibility, and preview #E25822 on UI components from leading apps.

Using Flame color codes

Using the color Flame in your work starts with its hex code, #E25822. This code is standard for web design, but you'll often need to translate it into other formats depending on your project's requirements, whether for print, digital displays, or specific design software.

Each color model serves a different purpose. RGB codes define colors for screens by mixing red, green, and blue light, while CMYK is essential for print, specifying cyan, magenta, yellow, and black ink levels. Other systems like HSL (Hue, Saturation, Lightness) offer more intuitive ways to adjust color properties. Converting #E25822 into these different codes—including LAB, LCH, and XYZ—ensures color consistency across all your materials.

To help you get started, we've converted Flame's hex code #E25822 into a variety of popular color models. You can find these values below, ready to copy and paste directly into your design tools.

Flame Code Conversions

HEX
#E25822
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Flame Color Harmonies

Analogous

Analogous schemes pair colors next to each other on the color wheel. Using Flame as the base, these combinations produce a calm and cohesive visual experience.

#123456
#123456
#123456

Complementary

Complementary colors are opposites on the color wheel. When paired with Flame, its complement creates a high-contrast, visually striking combination for your designs.

#123456
#123456

Split Complementary

For a more nuanced high-contrast look, a split complementary palette pairs Flame with the two colors neighboring its direct opposite on the wheel.

#123456
#123456
#123456

Triadic

A triadic combination pairs Flame with two other colors, each equidistant on the color wheel, for a high-contrast yet harmonious visual effect.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Flame with three other colors, forming a rectangle on the color wheel for a rich, balanced, and vibrant palette.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Flame with three other colors, all equidistant on the color wheel. This arrangement creates a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Flame Color Variations

Shades

By adding black to Flame, you create shades—darker tones that add visual weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

By adding white to Flame, you create tints—softer, more delicate variations of the color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Flame are created by adding gray, resulting in softer, less saturated variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Flame, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Flame?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion