CSS Color: Salmon
Named CSS color Salmon — #FA8072 in HEX, rgb(250, 128, 114) in RGB, hsl(6, 93%, 71%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Salmon | color: Salmon; |
| HEX | #FA8072 | color: #FA8072; |
| RGB | rgb(250, 128, 114) | color: rgb(250, 128, 114); |
| HSL | hsl(6, 93%, 71%) | color: hsl(6, 93%, 71%); |
About Salmon
Salmon is a soft, warm pinkish-red named after the flesh of the salmon fish. Its hex value `#FA8072` places it at 6 degrees on the hue wheel with 93% saturation and a relatively high 71% lightness, giving it a gentle, approachable feel compared to harsher reds.
In web design, Salmon is frequently used for soft call-to-action elements, decorative accents, and illustrations. Its muted warmth makes it particularly popular in lifestyle, food, and wellness websites. Salmon is also common in data visualization to represent warm-toned categories without the intensity of pure red.
Accessibility is a concern with Salmon. Against white, it achieves only about 2.4:1 contrast ratio, which fails all WCAG levels. Salmon should not be used for text on light backgrounds. Against dark backgrounds (#1a1a1a or darker), it achieves excellent contrast above 7:1.
Salmon sits between Coral and Light Coral in terms of warmth and intensity. It pairs well with teal, navy, sage green, and cool grays. In Tailwind CSS, `red-300` or `rose-400` approximate Salmon's warm pink character.
FAQ
What is the hex code for Salmon?
The CSS named color Salmon has the hex code #FA8072. You can use it in CSS as color: #FA8072; or simply color: Salmon;.
What is Salmon in RGB?
In RGB notation, Salmon is rgb(250, 128, 114). Use it in CSS as color: rgb(250, 128, 114);.
What is Salmon in HSL?
In HSL notation, Salmon is hsl(6, 93%, 71%). Use it in CSS as color: hsl(6, 93%, 71%);.
What color category is Salmon?
Salmon belongs to the Red color family in the CSS named colors specification.
Can I use the name "Salmon" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Salmon; or background-color: Salmon; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert Salmon to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →