Flame
Intense orange-red with high-energy impact
Flame is an intense, saturated orange-red that demands attention. The hex code for this shade is #e25822. Because of its high energy, it works best as a 10% accent color for buttons or highlights rather than a large background. Pair it with deep charcoal to ground the warmth. Black text remains legible here, offering a high-contrast choice for any UI element.
About Flame
Charred log glow, seen through a closed eyelid
What does flame mean?
Flame often signals heat, hunger, and warning, and it commonly calls to mind autumn leaves, campfires, and rust. Deep and fully saturated, this red-orange reads warm and mellow rather than sharp, like embers instead of sparks.
Where you see flame
- campfire embers
- rust
- terracotta pots
- paprika
- autumn maple leaves
- clay roof tiles
What it works for
Use it for calls to action, food packaging, sports branding, and accents that need heat without neon intensity.
What colors go with flame?
Midnight Blue #020035The deep blue cools the fire and makes the orange burn hotter.Cream #fffdd0Cream softens the heat while keeping the color's warmth intact.Sage Green #9caf88Muted sage balances the intensity with a dry, herbal calm.Charcoal #36454fCharcoal grounds the color like ash around a fire.Teal #008080Teal sits opposite on the wheel, so both colors look bolder together.Mustard #ffdb58Mustard extends the warmth into a golden, harvest-adjacent range.
Questions about Flame
What is the hex code for Flame?
Flame is #e25822. In RGB that is rgb(226, 88, 34), in HSL hsl(17, 77%, 51%) and in CMYK 0%, 61%, 85%, 11%.
Is Flame readable on white or black?
Flame has a 3.71:1 contrast ratio on white and 5.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.