Skip to main content

Salmon Pink palettes and pairings

HEX

#FF91A4

RGB

255, 145, 164

HSL

350°, 100%, 78%

HSV

350°, 43%, 100%

A pink that leans toward sunset and shellfish glaze — warm enough to flirt with coral without fully committing to orange. #FF91A4 has a sun-touched quality that keeps it from reading as icy or nursery-pale. That warmth makes it useful when you want flirtation without neon drama.

Best for

Product launches, promotional banners, and e-commerce storefronts.

Accessibility

Check contrast before using salmon pink for text-heavy layouts, especially on low-contrast backgrounds.

Salmon Pink color swatch — #FF91A4

What color is salmon pink?

The name references salmon flesh, a familiar food color cue in culinary photography and packaging. In fashion and interiors, salmon pinks appear in resort palettes and mid-century upholstery revivals.

What is the hex code for salmon pink?

FormatValue
HEX#FF91A4
RGBrgb(255, 145, 164)
HSLhsl(350°, 100%, 78%)
HSV / HSBhsv(350°, 43%, 100%)
CMYK (approx.)cmyk(0%, 43%, 36%, 0%)

Convert Salmon Pink to other color formats

Open the color converter with Salmon Pink (#FF91A4) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.

Convert Salmon Pink in the color converter

What does salmon pink mean in design?

Salmon pink is often associated with vitality and approachable glamour. Compared with coral pink it is typically a touch pinker; compared with hot pink it is softer and less electric.

How do I use salmon pink in code?

CSS (hex)color: #FF91A4;
CSS (rgb)color: rgb(255, 145, 164);
CSS (hsl)color: hsl(350, 100%, 78%);
RGB %rgb(100%, 57%, 64%)
Tailwindtext-[#FF91A4]
SwiftUIColor(red: 1.000, green: 0.569, blue: 0.643)
UIKitUIColor(red: 1.000, green: 0.569, blue: 0.643, alpha: 1.0)
AndroidColor.rgb(255, 145, 164)
ComposeColor(0xFFFF91A4)
Web Safe#FF9999

Is salmon pink accessible?

CombinationRatioAAAA lgAAAAAA lgUI
AaWhite text on this color2.13:1
AaBlack text on this color9.84:1
AaThis color as text on white2.13:1
AaThis color as text on black9.84:1

WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.

How does salmon pink look with color blindness?

Normal vision#FF91A4
Protanopia (red-blind)#CFCE9F
Deuteranopia (green-blind)#D6DE9E
Tritanopia (blue-blind)#FA9C9B
Achromatopsia (total color blindness)#AAAAAA

Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.

What colors go with salmon pink

#36454F
Charcoal

Charcoal balances salmon pink by turning the palette into a usable light-dark system rather than a field of soft midtones.

#000080
Navy Blue

Navy blue reins in salmon pink without deadening it, which is useful when you want warmth to stay present but not dominate every part of the page.

#FFFDD0
Cream

With a vivid salmon pink, cream is gentler than white, so the palette keeps warmth and avoids looking overlit.

#FFFFFF
White

White gives salmon pink enough open space that the color can feel vivid without turning the whole palette noisy.

#BCB88A
Sage Green

Sage Green gives salmon pink a second note that is different enough to feel intentional but not so different that the palette loses coherence.

What colors clash with salmon pink

#39FF14
Neon Green

With salmon pink, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.

#FF00FF
Magenta

Magenta pushes salmon pink toward a nightclub or cosmetic register that is hard to square with calmer editorial or product work.

#00FFFF
Cyan

Cyan can make salmon pink feel more software-default than designed, especially when the rest of the palette is trying to hold onto material nuance.

#D3D3D3
Light Gray

Light Gray sits too close to salmon pink in value, so the palette can wash out before it ever establishes a clear hierarchy.

How should I use salmon pink in design?

  • Use salmon pink for soft backgrounds and supporting surfaces rather than foreground text — it creates a gentle atmosphere while keeping the layout open and readable.
  • Pair salmon pink with cool accents (navy, sage, steel blue) for sharp contrast, or keep it with other warm tones (cream, gold, tan) for a cohesive, editorial feel.
  • Light tones like salmon pink work best for card backgrounds, section tints, and gentle emphasis — they add color without competing with the content.

What are good salmon pink palettes?

Morning palette

Product launches, promotional banners, and e-commerce storefronts.

Cozy neutral

Startup branding, pitch materials, and product landing pages.

Brand-ready mix

Educational platforms, course materials, and infographic designs.

Design with salmon pink in Moda

Create a presentation or document using salmon pink as your accent color. Moda's AI applies your color palette automatically.

Create a design with salmon pink

What are the shades and tints of salmon pink?

Shades (darker)

Tints (lighter)

Tones (desaturated)

Hue variations

What are the color harmonies for salmon pink?

Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.

Complementary
Light Cyan#8FFFECComputed
Analogous
Light Orange#FFB48FComputedLight Purple#FF8FDAComputed
Triadic
Light Green#A2FF8FComputedLight Blue#8FA2FFComputed
Split-complementary
Light Green#8FFFB4ComputedLight Cyan#8FDAFFComputed
Monochromatic
Dark Red#660011ComputedRed#CC0022ComputedRed#FF3355ComputedLight Red#FF99AAComputed
Square
Light Green#DAFF8FComputedLight Cyan#8FFFECComputedLight Blue#B48FFFComputed

Frequently asked questions

What is the hex code for salmon pink?

The hex code for salmon pink is #FF91A4. In RGB, that's 255 red, 145 green, and 164 blue. The approximate CMYK equivalent is 0% cyan, 43% magenta, 36% yellow, and 0% key (black).

Is salmon pink a warm or cool color?

Salmon Pink sits on the warm side of the palette, so it pairs easily with other warm tones and becomes more energetic when you place it against cooler blues or blue-grays.

Should salmon pink lead the palette or stay in supporting roles?

Salmon Pink has enough chroma to take the lead, but it usually performs best when the surrounding system stays quieter. Treat it as the voice of emphasis, not the answer to every layout need.

Where does salmon pink work best in a layout?

Salmon Pink is better on broad surfaces than in tiny details, so treat it as a background or support color and let darker accents carry the sharp hierarchy.

Is salmon pink accessible?

Salmon Pink works better with dark text than white text. Black text reaches 9.84:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.

Last updated April 6, 2026

Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.