salmon

#FA8072

CSS color

Overview

Named for the pink flesh of the fish, salmon is a soft red-orange defined at rgb(250, 128, 114), hex #FA8072. Its high red channel with moderate, close green and blue values yields a lightly saturated 6-degree hue at high brightness. Salmon is part of the extended CSS3 named colors and anchors a family of related tints such as light and dark salmon. Warmer than pink and gentler than coral, it delivers a muted, approachable warmth well suited to backgrounds and accents that call for a pale, rosy tone. The keyword sits within a CSS family that includes lightsalmon and darksalmon, and its warm, low-contrast character makes it well suited to gentle backgrounds and soft highlights.

Salmon (#FA8072) is a warm, light pinkish-orange CSS named colour, capturing the distinctive coral-pink of fresh salmon flesh — one of the most recognised named pink-orange colours in design. The warmth and softness make it a popular choice for feminine palettes, food photography, and interior design where a gentle, approachable warmth is desired. Salmon tones bridge orange and pink in a way that feels both natural and appetising, evoking warmth and vitality.

On this page

Color Values

HEX

#FA8072

RGB

250, 128, 114

HSL

6.2, 93.2%, 71.4%

HSV

6.2, 54.4%, 98.0%

CMYK

0.0%, 48.8%, 54.4%, 2.0%

OKLCH

0.735 0.1515 28.1

Properties

Color Psychology

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #FA8072;
color: #FA8072;
border-color: #FA8072;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.4:1

AA Pass AAA Pass

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #FA8072?

RGB(250, 128, 114) · HSL(6.2, 93.2%, 71.4%) · CMYK(0.0%, 48.8%, 54.4%, 2.0%)

Does #FA8072 meet WCAG contrast on white?

2.5:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #FA8072?

Use 000000 text on a #FA8072 background; contrast on black is 8.4:1.