Red Orange

Meet Red Orange (#FF5349), a color that commands attention. Its fiery intensity sits perfectly between red and orange, creating a vibrant hue that feels both familiar and fresh. This unique position gives it a striking visual punch, making it a memorable choice for any design palette.

What color is Red Orange?

What is the meaning of Red Orange?

How do I use Red Orange (#FF5349) in UI design?

Using Red Orange color codes

Red Orange

#FF5349

Access our full UI & UX library today.

What color is Red Orange?

What is the meaning of Red Orange?

How do I use Red Orange (#FF5349) in UI design?

Using Red Orange color codes

Red Orange Code Conversions

HEX

#FF5349

LAB

60, 64, 43

RGB

255, 83, 73

XYZ

45.5, 27.9, 9.3

HSL

3°, 100%, 64%

LCH

60, 77, 34°

HSB

3°, 71%, 100%

LUV

60, 134, 33

CMYK

0, 67, 71, 0

CMYK

0, 67, 71, 0

HWB

3°, 29%, 0%

Red Orange Color Harmonies

Analogous

Analogous schemes pair Red Orange with its neighbors on the color wheel. The result is a unified and calm composition, ideal for creating visual harmony.

#FF499A

#FF5349

#FFAE49

#FF499A

#FF5349

#FFAE49

Complementary

Found directly across from Red Orange on the color wheel, complementary colors produce a striking, high-contrast pairing that makes both hues pop.

#FF5349

#49F5FF

#FF5349

#49F5FF

Split Complementary

This scheme pairs Red Orange with the two colors adjacent to its complement, creating a vibrant palette with high contrast but less visual tension.

#FF5349

#49FFAE

#499AFF

#FF5349

#49FFAE

#499AFF

Triadic

A triadic scheme pairs Red Orange with two other colors, each equidistant on the color wheel, for a balanced yet strikingly vibrant combination.

#FF5349

#49FF53

#5349FF

#FF5349

#49FF53

#5349FF

Tetradic

A tetradic scheme pairs Red Orange with its complement, plus another set of complementary colors, creating a balanced yet dynamic four-color palette.

#FF5349

#9AFF49

#49F5FF

#AE49FF

#FF5349

#9AFF49

#49F5FF

#AE49FF

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Red Orange as the base, this combination creates a vibrant, high-contrast palette.

#FF5349

#9AFF49

#49F5FF

#AE49FF

#FF5349

#9AFF49

#49F5FF

#AE49FF

Red Orange Contrast Simulation

Text Color

#

Background Color

#

6.59

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

6.59

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Red Orange Color Variations

Shades

Shades of Red Orange are made by adding black, creating darker, weightier tones.

#FF5349

#DB473F

#B63B34

#922F2A

#6D241F

#491815

#240C0A

#000000

#FF5349

#DB473F

#B63B34

#922F2A

#6D241F

#491815

#240C0A

#000000

Tints

Tints of Red Orange are made by mixing in white for a softer, less saturated appearance.

#FF5349

#FF6C63

#FF847D

#FF9D97

#FFB5B1

#FFCECB

#FFE6E5

#FFFFFF

#FF5349

#FF6C63

#FF847D

#FF9D97

#FFB5B1

#FFCECB

#FFE6E5

#FFFFFF

Tones

Tones of Red Orange are created by adding gray, resulting in softer, less saturated versions.

#FF5349

#ED5951

#DB6059

#C96661

#B66D68

#A47370

#927A78

#808080

#FF5349

#ED5951

#DB6059

#C96661

#B66D68

#A47370

#927A78

#808080

Hues

Hues are variations of Red Orange, differing in intensity and temperature to create distinct moods.

#FF5349

#FFDB49

#9AFF49

#49FF80

#49F5FF

#496DFF

#AE49FF

#FF49C8

#FF5349

#FFDB49

#9AFF49

#49FF80

#49F5FF

#496DFF

#AE49FF

#FF49C8

What Interfaces Use Colors Like Red Orange?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox