Salmon to HSL — Color Code

#fa8072
Format Value
HEX #fa8072
RGB rgb(250, 128, 114)
HSL hsl(6.2, 93.2%, 71.4%)
CMYK cmyk(0%, 48.8%, 54.4%, 2%)
HSV hsv(6.2, 54.4%, 98%)

salmon color harmonies

Tints & shades of salmon

Tints (lighter)

#fa8c7f #fb978c #fba398 #fcaea5 #fcbab2 #fdc5bf #fdd1cc #fedcd9 #fee8e5 #fff3f2

Shades (darker)

#e37468 #cd695d #b65d53 #9f5149 #88463e #723a34 #5b2f29 #44231f #2d1715 #170c0a

Contrast & accessibility

The quick brown fox

On white · 2.5:1 · Fail

The quick brown fox

On black · 8.4:1 · AAA

Recommended text color: #000000

Use salmon in code

CSS color: #fa8072;
SCSS $color: #fa8072;
Tailwind bg-[#fa8072]
Swift UIColor(red: 0.980, green: 0.502, blue: 0.447, alpha: 1)
Android Color.parseColor("#fa8072")
Flutter Color(0xFFFA8072)

Colors similar to salmon

Browse all Red colors →

What is the HSL code for salmon?

The CSS color salmon in HSL format is hsl(6.2, 93.2%, 71.4%). Use this value directly in CSS, SVG, and most design tools.

How do I use salmon in CSS?

To apply salmon in CSS:

  • Text color: color: hsl(6.2, 93.2%, 71.4%);
  • Background: background-color: hsl(6.2, 93.2%, 71.4%);
  • Border: border-color: hsl(6.2, 93.2%, 71.4%);

What are all the color format values for salmon?

FormatValue
HEX#fa8072
RGBrgb(250, 128, 114)
HSLhsl(6.2, 93.2%, 71.4%)
CMYKcmyk(0%, 48.8%, 54.4%, 2%)

How do I convert salmon to HSL?

Select salmon from the color name list in our color converter. The HSL value — hsl(6.2, 93.2%, 71.4%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does salmon belong to?

salmon belongs to the red color family. It is a light, vivid color with HSL values: hue 6.2°, saturation 93.2%, lightness 71.4%.

How do I create lighter and darker shades of salmon?

Lighter variant (lightness 86.4%): #fdc3bc. Darker variant (lightness 56.400000000000006%): #f73e28. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.