Lavenderblush to HSL — Color Code

HSL

hsl(340, 100%, 97.1%)

Format Value
HEX #fff0f5
RGB rgb(255, 240, 245)
HSL hsl(340, 100%, 97.1%)
CMYK cmyk(0%, 5.9%, 3.9%, 0%)

What is the HSL code for lavenderblush?

The CSS color lavenderblush in HSL format is hsl(340, 100%, 97.1%). Use this value directly in CSS, SVG, and most design tools.

How do I use lavenderblush in CSS?

To apply lavenderblush in CSS:

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

What are all the color format values for lavenderblush?

FormatValue
HEX#fff0f5
RGBrgb(255, 240, 245)
HSLhsl(340, 100%, 97.1%)
CMYKcmyk(0%, 5.9%, 3.9%, 0%)

How do I convert lavenderblush to HSL?

Select lavenderblush from the color name list in our color converter. The HSL value — hsl(340, 100%, 97.1%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does lavenderblush belong to?

lavenderblush belongs to the near-white color family. It is a light, vivid color with HSL values: hue 340°, saturation 100%, lightness 97.1%.

How do I create lighter and darker shades of lavenderblush?

Lighter variant (lightness 95%): #ffe5ee. Darker variant (lightness 82.1%): #ffa4c2. 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.