Bittersweet

Meet Bittersweet (#FE6F5E), a vibrant coral-red that immediately draws the eye. Its striking quality lies in a potent balance of energetic orange and warm red. This fusion produces a hue with a distinct visual punch, stopping short of neon yet full of life.

What color is Bittersweet?

What is the meaning of Bittersweet?

How do I use Bittersweet (#FE6F5E) in UI design?

Using Bittersweet color codes

Bittersweet

#FE6F5E

Access our full UI & UX library today.

What color is Bittersweet?

What is the meaning of Bittersweet?

How do I use Bittersweet (#FE6F5E) in UI design?

Using Bittersweet color codes

Bittersweet Code Conversions

HEX

#FE6F5E

LAB

64, 53, 37

RGB

254, 111, 94

XYZ

48.6, 33.3, 14.4

HSL

6°, 99%, 68%

LCH

64, 65, 34°

HSB

6°, 63%, 100%

LUV

64, 110, 32

CMYK

0, 56, 63, 0

CMYK

0, 56, 63, 0

HWB

6°, 37%, 0%

Bittersweet Color Harmonies

Analogous

Built around Bittersweet, analogous colors are neighbors on the color wheel. They work together to produce a serene and cohesive visual experience for users.

#FE5E9D

#FE6F5E

#FEBF5E

#FE5E9D

#FE6F5E

#FEBF5E

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Bittersweet, they create a striking visual effect with high contrast.

#FE6F5E

#5EEDFE

#FE6F5E

#5EEDFE

Split Complementary

A split complementary scheme for Bittersweet uses the two colors adjacent to its direct complement, creating a vibrant yet balanced color harmony.

#FE6F5E

#5EFEBF

#5E9DFE

#FE6F5E

#5EFEBF

#5E9DFE

Triadic

A triadic scheme uses three colors equidistant on the color wheel. Starting with Bittersweet produces a balanced yet bold palette with strong visual contrast.

#FE6F5E

#5EFE6F

#6F5EFE

#FE6F5E

#5EFE6F

#6F5EFE

Tetradic

A tetradic scheme forms a rich palette with two pairs of complementary colors. See how Bittersweet anchors these balanced, four-color combinations.

#FE6F5E

#9DFE5E

#5EEDFE

#BF5EFE

#FE6F5E

#9DFE5E

#5EEDFE

#BF5EFE

Square

A square color scheme uses four colors equidistant on the color wheel. With Bittersweet as the base, this creates a lively, high-contrast palette.

#FE6F5E

#9DFE5E

#5EEDFE

#BF5EFE

#FE6F5E

#9DFE5E

#5EEDFE

#BF5EFE

Bittersweet Contrast Simulation

Text Color

#

Background Color

#

7.65

Excellent

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.

7.65

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Bittersweet Color Variations

Shades

Shades are created by mixing black with Bittersweet, resulting in a deeper, weightier color.

#FE6F5E

#DA5F51

#B54F43

#913F36

#6D3028

#49201B

#24100D

#000000

#FE6F5E

#DA5F51

#B54F43

#913F36

#6D3028

#49201B

#24100D

#000000

Tints

Tints are created by adding white to Bittersweet, resulting in softer, lighter values.

#FE6F5E

#FE8475

#FE988C

#FEADA3

#FFC1BA

#FFD6D1

#FFEAE8

#FFFFFF

#FE6F5E

#FE8475

#FE988C

#FEADA3

#FFC1BA

#FFD6D1

#FFEAE8

#FFFFFF

Tones

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

#FE6F5E

#EC7163

#DA7468

#C8766D

#B67971

#A47B76

#927E7B

#808080

#FE6F5E

#EC7163

#DA7468

#C8766D

#B67971

#A47B76

#927E7B

#808080

Hues

Hues are variations of Bittersweet, creating different effects by altering the color's intensity or temperature.

#FE6F5E

#FEE75E

#9DFE5E

#5EFE97

#5EEDFE

#5E75FE

#BF5EFE

#FE5EC5

#FE6F5E

#FEE75E

#9DFE5E

#5EFE97

#5EEDFE

#5E75FE

#BF5EFE

#FE5EC5

What Interfaces Use Colors Like Bittersweet?

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