Light lilac to HSL — Color Code

#edc8ff
Format Value
HEX #edc8ff
RGB rgb(237, 200, 255)
HSL hsl(280.4, 100%, 89.2%)
CMYK cmyk(7.1%, 21.6%, 0%, 0%)
HSV hsv(280.4, 21.6%, 100%)

light lilac color harmonies

Tints & shades of light lilac

Tints (lighter)

#efcdff #f0d2ff #f2d7ff #f4dcff #f5e1ff #f7e6ff #f8ebff #faf0ff #fcf5ff #fdfaff

Shades (darker)

#d7b6e8 #c2a4d1 #ac91b9 #977fa2 #816d8b #6c5b74 #56495d #413746 #2b242e #161217

Contrast & accessibility

The quick brown fox

On white · 1.47:1 · Fail

The quick brown fox

On black · 14.31:1 · AAA

Recommended text color: #000000

Use light lilac in code

CSS color: #edc8ff;
SCSS $color: #edc8ff;
Tailwind bg-[#edc8ff]
Swift UIColor(red: 0.929, green: 0.784, blue: 1.000, alpha: 1)
Android Color.parseColor("#edc8ff")
Flutter Color(0xFFEDC8FF)

Colors similar to light lilac

Browse all Purple colors →

What is the HSL code for light lilac?

The CSS color light lilac in HSL format is hsl(280.4, 100%, 89.2%). Use this value directly in CSS, SVG, and most design tools.

How do I use light lilac in CSS?

To apply light lilac in CSS:

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

What are all the color format values for light lilac?

FormatValue
HEX#edc8ff
RGBrgb(237, 200, 255)
HSLhsl(280.4, 100%, 89.2%)
CMYKcmyk(7.1%, 21.6%, 0%, 0%)

How do I convert light lilac to HSL?

Select light lilac from the color name list in our color converter. The HSL value — hsl(280.4, 100%, 89.2%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light lilac belong to?

light lilac belongs to the purple color family. It is a light, vivid color with HSL values: hue 280.4°, saturation 100%, lightness 89.2%.

How do I create lighter and darker shades of light lilac?

Lighter variant (lightness 95%): #f7e5ff. Darker variant (lightness 74.2%): #d47bff. 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.