Fire Engine Red

Meet Fire Engine Red (#CE2029), a color that needs no introduction. Its pure, unapologetic hue commands immediate attention, making it a powerful choice for any design palette. This vibrant red is defined by its intense saturation and lack of ambiguity, a truly foundational primary color.

Fire Engine Red
#CE2029
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Fire Engine Red?

Fire Engine Red is a brilliant and intense shade of red, characterized by its high saturation and warmth. It's a pure, commanding hue with subtle orange undertones that contribute to its fiery appearance.

This specific red, #CE2029, sits firmly in the warm spectrum, avoiding the cooler, blue-based notes of a magenta or the overt yellowness of a vermilion, establishing it as a classic, assertive red.

What is the meaning of the color Fire Engine Red (#CE2029)?

Fire Engine Red is a color that commands attention, symbolizing a potent mix of passion, energy, and danger. It stirs powerful feelings, from intense love and excitement to a clear sense of warning.

Its name ties it directly to the urgency of emergency services, making it a universal signal for immediate action. For designers, this makes Fire Engine Red (#CE2029) an effective choice for critical alerts and compelling calls-to-action.

How can I effectively use Fire Engine Red (#CE2029) in my UI design?

To work with Fire Engine Red (#CE2029) effectively, treat it as a powerful accent. Use it for primary call-to-action buttons, notification badges, or to draw attention to critical interface elements. For color pairings, consider balancing its intensity with deep charcoals, crisp whites, or even a sophisticated navy blue. Applying the 60-30-10 principle—where Fire Engine Red serves as the 10% accent—can create a balanced and visually striking composition.

While a bold choice, Fire Engine Red is used by several prominent brands to establish a memorable identity. Companies like Gmail, Grubhub, Badoo, Macy's, HBX, and Quora incorporate similar vibrant reds for key branding moments and interactive components, proving its effectiveness in capturing user attention.

To see these principles in practice, use the tools below. You can explore curated palettes, test the accessibility of your color combinations, and preview how Fire Engine Red looks within the UI components of leading applications.

Using Fire Engine Red color codes

To apply Fire Engine Red in your digital projects, the most direct method is using its hex code, #CE2029. This six-digit code is a web-standard representation that supports color consistency across different browsers and devices.

Your project might require different color models. The hex code can be translated into other formats like RGB for screen-based media, which specifies the intensity of red, green, and blue light. For print work, you'll need the CMYK values, which correspond to cyan, magenta, yellow, and key (black) ink percentages.

To make your workflow easier, we have converted Fire Engine Red's #CE2029 hex code into its corresponding values for RGB, CMYK, HSL, and other popular formats. You can find and copy these codes below for your specific application.

Fire Engine Red Code Conversions

HEX
#CE2029
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

Fire Engine Red Color Harmonies

Analogous

Analogous colors are neighbors to Fire Engine Red on the color wheel, creating a harmonious and visually pleasing composition with a serene effect.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. For Fire Engine Red, its complement creates a striking, high-contrast visual pairing.

#123456
#123456

Split Complementary

A split complementary palette for Fire Engine Red pairs it with the two colors neighboring its opposite, creating a high-contrast, harmonious color scheme.

#123456
#123456
#123456

Triadic

A triadic palette for Fire Engine Red involves two other colors equidistant on the color wheel, resulting in a bold and harmonious visual effect.

#123456
#123456
#123456

Tetradic

Tetradic palettes for Fire Engine Red are built with two sets of complementary colors, creating a rich, four-color combination from the color wheel.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors equidistant on the color wheel. With Fire Engine Red as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Fire Engine Red Color Variations

Shades

Shades of Fire Engine Red are created by adding black, giving the color more depth and 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

Tints of Fire Engine Red are created by adding white, producing softer and more delicate tones.

#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 are subtler versions of Fire Engine Red, made by mixing in gray to reduce intensity.

#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 Fire Engine Red, differing in intensity and temperature to create specific 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 Fire Engine Red?

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