Bittersweet

HEX: #FE6F5E | Modern Palette

On White
2.75:1
FAIL
On Black
7.65:1
PASS

Color Specifications

HEX
#FE6F5E
RGB
254, 111, 94
HSL
6°, 98% ,68%
CMYK
0, 56, 63, 0

About Bittersweet

Bittersweet (#FE6F5E) is a color with RGB(254, 111, 94) and HSL(6.4°, 98.8%, 68.2%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #5EEDFE, which creates strong contrast. Its triadic palette includes #5EFE6F and #6F5EFE. The name comes from Bittersweet (English).

  • HEX: #FE6F5E
  • RGB: 254, 111, 94
  • HSL: 6.4°, 98.8%, 68.2%
  • Mood: Energetic, Bold
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #5EEDFE
  • Triadic colors: #5EFE6F, #6F5EFE
  • The name comes from Bittersweet (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #FE6F5E from deepest shade to lightest tint.

Color Characteristics

Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #AAAA56
Protanopia #89895F
Tritanopia #FF6D6D
Achromatopsia #9C9C9C

Frequently Asked Questions

Bittersweet (#FE6F5E) is a color with RGB(254, 111, 94) and HSL(6.4°, 98.8%, 68.2%).

#FE6F5E pairs strongly with #5EEDFE as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FE6F5E is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#FE6F5E is commonly associated with Energetic, Bold.

The name Bittersweet is linked to Bittersweet from English, meaning Having a taste that is a mixture of bitterness and sweetness; arousing pleasure and sadness at the same time..

Name, History & Etymology

Origin Word Bittersweet
Meaning Having a taste that is a mixture of bitterness and sweetness; arousing pleasure and sadness at the same time.
Language English
First Recorded Use 16th Century

History

The word 'bittersweet' evolved from the combination of two older English words: 'bitter' (Old English 'biter') and 'sweet' (Old English 'swete'). While the literal taste description was its primary use for centuries, its metaphorical application to emotions and experiences began to gain prominence in the 18th and 19th centuries. Poets and writers found it a powerful descriptor for feelings that contain elements of both joy and sorrow, happiness and pain, often simultaneously. This metaphorical use is now arguably more common than its literal taste description.

First Recorded Use

The earliest known use of 'bittersweet' as a single word combining 'bitter' and 'sweet' dates back to the 16th century. Initially, it was primarily used to describe a taste, particularly of certain plants or berries. For example, the plant Solanum dulcamara is commonly known as bittersweet nightshade due to its berries having an initial sweet taste followed by a bitter one.

Cultural Associations

The concept of 'bittersweet' is deeply embedded in many cultures, representing the complex nature of human emotions and experiences. It's often associated with nostalgia, farewells, significant life transitions (like graduations or weddings where joy is mixed with the sadness of an ending), and art that evokes mixed feelings. Many songs, films, and literary works explore bittersweet themes, resonating with audiences who recognize the reality of such mixed emotions in their own lives. It speaks to the idea that life is rarely purely one emotion but often a blend.

Similar Named Colors

Pastel Red #FF6961 ΔE 2.39
Sunset Orange #FD5E53 ΔE 3.26
Salmon #FA8072 ΔE 3.93
Tomato #FF6347 ΔE 4.17

Code Snippets

/* Background */
.element {
    background-color: #FE6F5E;
}

/* Text */
.element {
    color: #FE6F5E;
}

/* Border */
.element {
    border: 1px solid #FE6F5E;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FE6F5E,
        #5EEDFE
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FE6F5E,
        #5EEDFE
    );
}

// SCSS variable
$bittersweet: #FE6F5E;

// With RGB channels (useful for rgba() usage)
$bittersweet-r: 254;
$bittersweet-g: 111;
$bittersweet-b: 94;

// Usage
.element {
    background-color: $bittersweet;
    color: rgba($bittersweet-r, $bittersweet-g, $bittersweet-b, 0.8);
}