Pale salmon to HSL — Color Code

#ffb19a
Format Value
HEX #ffb19a
RGB rgb(255, 177, 154)
HSL hsl(13.7, 100%, 80.2%)
CMYK cmyk(0%, 30.6%, 39.6%, 0%)
HSV hsv(13.7, 39.6%, 100%)

pale salmon color harmonies

Tints & shades of pale salmon

Tints (lighter)

#ffb8a3 #ffbfac #ffc6b6 #ffcdbf #ffd4c8 #ffdcd1 #ffe3da #ffeae3 #fff1ed #fff8f6

Shades (darker)

#e8a18c #d1917e #b98170 #a27162 #8b6154 #745046 #5d4038 #46302a #2e201c #17100e

Contrast & accessibility

The quick brown fox

On white · 1.75:1 · Fail

The quick brown fox

On black · 12.01:1 · AAA

Recommended text color: #000000

Use pale salmon in code

CSS color: #ffb19a;
SCSS $color: #ffb19a;
Tailwind bg-[#ffb19a]
Swift UIColor(red: 1.000, green: 0.694, blue: 0.604, alpha: 1)
Android Color.parseColor("#ffb19a")
Flutter Color(0xFFFFB19A)

Colors similar to pale salmon

Browse all Red colors →

What is the HSL code for pale salmon?

The CSS color pale salmon in HSL format is hsl(13.7, 100%, 80.2%). Use this value directly in CSS, SVG, and most design tools.

How do I use pale salmon in CSS?

To apply pale salmon in CSS:

  • Text color: color: hsl(13.7, 100%, 80.2%);
  • Background: background-color: hsl(13.7, 100%, 80.2%);
  • Border: border-color: hsl(13.7, 100%, 80.2%);

What are all the color format values for pale salmon?

FormatValue
HEX#ffb19a
RGBrgb(255, 177, 154)
HSLhsl(13.7, 100%, 80.2%)
CMYKcmyk(0%, 30.6%, 39.6%, 0%)

How do I convert pale salmon to HSL?

Select pale salmon from the color name list in our color converter. The HSL value — hsl(13.7, 100%, 80.2%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does pale salmon belong to?

pale salmon belongs to the red color family. It is a light, vivid color with HSL values: hue 13.7°, saturation 100%, lightness 80.2%.

How do I create lighter and darker shades of pale salmon?

Lighter variant (lightness 95%): #ffebe5. Darker variant (lightness 65.2%): #ff764e. 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.