Salmon
A high-energy salmon with vibrant warmth
Salmon is a vivid, high-energy shade that demands attention. Because it leans heavily toward orange, understanding mixing orange helps when balancing this hue. Use #ff796c as a tactical accent or call-to-action button rather than a background, as its intensity can easily overwhelm a layout. It pairs well with deep charcoals, and black text remains perfectly readable against it for accessible UI design.
About Salmon
Fillet flaking under a squeeze of citrus
What does salmon mean?
Salmon often brings to mind fresh fish, coral reefs, and summer sunsets, along with warmth, appetite, and easygoing energy. This shade is light and fairly saturated, so it reads loud but soft edged, warm and outgoing without deep red's weight.
Where you see salmon
- raw salmon fillet
- flamingo feathers
- pink grapefruit flesh
- coral on a reef
- sunset clouds
- melon flesh
What it works for
It works for food packaging, summer campaigns, playful buttons, and any design that needs warmth without shouting.
What colors go with salmon?
Questions about Salmon
What is the hex code for Salmon?
Salmon is #ff796c. In RGB that is rgb(255, 121, 108), in HSL hsl(5, 100%, 71%) and in CMYK 0%, 53%, 58%, 0%.
How should I use #ff796c in web design?
Because #ff796c is an intense and saturated hue, it is best reserved for tactical accents like call-to-action buttons or highlights rather than backgrounds. Its high energy can overwhelm a layout if used as a primary fill or base color.
Is Salmon readable on white or black?
Salmon has a 2.55:1 contrast ratio on white and 8.20:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.