Orange Crush

Meet Orange Crush (#FEC169), a color that commands attention. Its sun-drenched warmth and vibrant character make it a standout choice for any palette. This hue possesses a unique saturation that feels both energetic and approachable, making it a compelling option for modern interface design.

Orange Crush
#FEC169
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Orange Crush?

Orange Crush is a bright, warm orange with a distinct golden-yellow undertone. It radiates a sunny quality, leaning more towards a marigold or apricot hue rather than a deep, reddish-orange.

This gives the color a soft, approachable warmth, avoiding the intensity of a pure, saturated orange while maintaining a lively and luminous appearance.

What is the meaning of the color Orange Crush (#FEC169)?

Orange Crush radiates a sense of vibrant energy and youthful optimism. It's a color that speaks to creativity and social connection, capturing attention with a friendly and approachable warmth.

Symbolically, this shade of orange points to spontaneity and adventure. The name itself suggests an intense, positive feeling, reminiscent of a brilliant sunset or the sweet burst of citrus.

How can I apply Orange Crush (#FEC169) to a UI design effectively?

To make Orange Crush (#FEC169) effective in your design, use it as a vibrant accent. It works well for drawing the eye to key elements like buttons, icons, or notification badges. For a high-impact look, pair it against deep blues or dark charcoals. If you're aiming for a more organic feel, combine it with off-whites, soft browns, and muted greens.

You'll spot similar warm, energetic oranges in the interfaces of brands like Expedia and Yik Yak. Its infrequent use as a primary brand color presents an opportunity; incorporating Orange Crush can help a product stand out with a fresh and confident appearance.

Use the tools below to see how Orange Crush works in practice. You can explore curated palettes, check contrast ratios for accessibility, and see the color applied to UI components from well-known apps.

Using Orange Crush color codes

Using Orange Crush in your work is as simple as plugging its hex code, #FEC169, into your design software. This specific code guarantees you get the exact shade every time, maintaining color consistency across digital projects.

Your project might require converting #FEC169 into other formats like RGB, HSL, or CMYK. Each code serves a different purpose; for instance, RGB (Red, Green, Blue) is the standard for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for anything destined for print.

To get you started, we’ve converted #FEC169 into a range of popular color code formats. Simply find the one you need below and copy it directly into your project.

Orange Crush Code Conversions

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

Orange Crush Color Harmonies

Analogous

Analogous colors are found side-by-side on the color wheel. Paired with Orange Crush, they create a cohesive and tranquil palette, ideal for serene designs.

#123456
#123456
#123456

Complementary

Find the complementary partner to Orange Crush by looking directly across the color wheel. This pairing creates the most striking and energetic visual contrast.

#123456
#123456

Split Complementary

For a more nuanced palette, split complementary colors pair Orange Crush with the two colors adjacent to its direct complement on the color wheel.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Orange Crush.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Orange Crush with three other hues. These four colors form two complementary pairs, creating a rich and balanced palette.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant, high-contrast palette with Orange Crush.

#123456
#123456
#123456
#123456

Orange Crush Color Variations

Shades

Shades are darker versions of Orange Crush, created by adding black for 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 are lighter versions of Orange Crush, created by adding white for a softer feel.

#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 created by adding gray to Orange Crush, resulting in softer, less saturated versions.

#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 Orange Crush, differing in intensity and 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 Orange Crush?

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