CSS named color

Salmon

#FA8072
HEX#fa8072
RGBrgb(250, 128, 114)
HSLhsl(6, 93%, 71%)
OKLCHoklch(73.50% 0.1515 28.06)
NAMEsalmon

Palette

Complementary

180° on the color wheel
Complement
#70ECFA

Analogous

±30° around the base hue
Left
#FA70A7
Right
#FAC370

Triadic

±120° for harmonic contrast
Triad 1
#70FA7E
Triad 2
#7E70FA

Shades

Lighter and darker variants
Lightest
#FFF6F5
Lighter
#FDD7D3
Base
#FA8072
Salmon
Darker
#F6250E
Darkest
#B11806

CSS usage

By name
color: salmon;
background-color: salmon;
By HEX
color: #fa8072;
background-color: #fa8072;
By RGB
color: rgb(250, 128, 114);
background-color: rgb(250, 128, 114);
By HSL
color: hsl(6, 93%, 71%);
background-color: hsl(6, 93%, 71%);

WCAG contrast vs white

Aa
2.50:1
Below minimum

WCAG contrast vs black

Aa
8.40:1
AAA

Related colors

FAQ — Salmon

What is the HEX code for Salmon?

The HEX code for Salmon is #FA8072. It's one of the 148 named CSS colors and can be used directly in CSS as color: salmon; or color: #fa8072;

What is Salmon in RGB?

Salmon in RGB is rgb(250, 128, 114) — red 250, green 128, blue 114.

What is Salmon in HSL?

Salmon in HSL is hsl(6, 93%, 71%) — hue 6°, saturation 93%, lightness 71%.

What is the complementary color of Salmon?

The complementary color (directly opposite Salmon on the color wheel) is #70ECFA. The two together produce maximum contrast.

Is white text readable on Salmon?

The WCAG contrast ratio against white (#FFFFFF) is 2.50:1, and against black (#000000) it's 8.40:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter