Salmon Pink

HEX: #FF91A4 | Modern Palette

On White
2.13:1
FAIL
On Black
9.84:1
PASS

Color Specifications

HEX
#FF91A4
RGB
255, 145, 164
HSL
349°, 100% ,78%
CMYK
0, 43, 36, 0

About Salmon Pink

Salmon Pink (#FF91A4) is a color with RGB(255, 145, 164) and HSL(349.6°, 100%, 78.4%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #91FFEC, which creates strong contrast. Its triadic palette includes #A4FF91 and #91A4FF. The name comes from Salmon Pink (English).

  • HEX: #FF91A4
  • RGB: 255, 145, 164
  • HSL: 349.6°, 100%, 78.4%
  • Mood: Bold, Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #91FFEC
  • Triadic colors: #A4FF91, #91A4FF
  • The name comes from Salmon Pink (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 #FF91A4 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Neon Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #BABAA1
Protanopia #A2A2A5
Tritanopia #FE9494
Achromatopsia #B1B1B1

Frequently Asked Questions

Salmon Pink (#FF91A4) is a color with RGB(255, 145, 164) and HSL(349.6°, 100%, 78.4%).

#FF91A4 pairs strongly with #91FFEC as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FF91A4 is suitable for Text, Button, Accent and works well with Neon, Warm styles.

#FF91A4 is commonly associated with Bold, Playful.

The name Salmon Pink is linked to Salmon Pink from English, meaning A color resembling the flesh of salmon fish..

Name, History & Etymology

Origin Word Salmon Pink
Meaning A color resembling the flesh of salmon fish.
Language English
First Recorded Use Late 19th Century

History

The color 'salmon pink' emerged as a named color in English during the late 19th century. Its name directly references the distinctive reddish-orange to pinkish-orange hue of the flesh of salmon fish, which became more widely known and consumed. As color naming became more sophisticated and standardized, particularly in fashion and interior design, descriptive names like 'salmon pink' gained popularity to precisely communicate specific shades. It has seen varying degrees of popularity in fashion, home decor, and cosmetics throughout the 20th and 21st centuries.

First Recorded Use

1890

Cultural Associations

Salmon pink is often associated with femininity, softness, and warmth. It can evoke feelings of comfort and nostalgia. In fashion, it has been used for both casual and formal wear, sometimes seen as a more muted or sophisticated alternative to brighter pinks. In home decor, it can create a welcoming and cozy atmosphere. It is also sometimes associated with spring and summer seasons due to its light and fresh appearance.

Similar Named Colors
Pink Sherbet #F78FA7 ΔE 2.32
Baker-Miller Pink #FF91AF ΔE 3.25
Flamingo Pink #FC8EAC ΔE 3.27
Vanilla Ice #F38FA9 ΔE 3.42

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FF91A4,
        #91FFEC
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FF91A4,
        #91FFEC
    );
}

// SCSS variable
$salmon-pink: #FF91A4;

// With RGB channels (useful for rgba() usage)
$salmon-pink-r: 255;
$salmon-pink-g: 145;
$salmon-pink-b: 164;

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