Liliac to HSL — Color Code

#c48efd
Format Value
HEX #c48efd
RGB rgb(196, 142, 253)
HSL hsl(269.2, 96.5%, 77.5%)
CMYK cmyk(22.5%, 43.9%, 0%, 0.8%)
HSV hsv(269.2, 43.9%, 99.2%)

liliac color harmonies

Tints & shades of liliac

Tints (lighter)

#c998fd #cfa3fd #d4adfe #d9b7fe #dfc1fe #e4ccfe #ead6fe #efe0fe #f4eaff #faf5ff

Shades (darker)

#b281e6 #a074cf #8f67b8 #7d5aa1 #6b4d8a #594173 #47345c #352745 #241a2e #120d17

Contrast & accessibility

The quick brown fox

On white · 2.43:1 · Fail

The quick brown fox

On black · 8.63:1 · AAA

Recommended text color: #000000

Use liliac in code

CSS color: #c48efd;
SCSS $color: #c48efd;
Tailwind bg-[#c48efd]
Swift UIColor(red: 0.769, green: 0.557, blue: 0.992, alpha: 1)
Android Color.parseColor("#c48efd")
Flutter Color(0xFFC48EFD)

Colors similar to liliac

Browse all Blue colors →

What is the HSL code for liliac?

The CSS color liliac in HSL format is hsl(269.2, 96.5%, 77.5%). Use this value directly in CSS, SVG, and most design tools.

How do I use liliac in CSS?

To apply liliac in CSS:

  • Text color: color: hsl(269.2, 96.5%, 77.5%);
  • Background: background-color: hsl(269.2, 96.5%, 77.5%);
  • Border: border-color: hsl(269.2, 96.5%, 77.5%);

What are all the color format values for liliac?

FormatValue
HEX#c48efd
RGBrgb(196, 142, 253)
HSLhsl(269.2, 96.5%, 77.5%)
CMYKcmyk(22.5%, 43.9%, 0%, 0.8%)

How do I convert liliac to HSL?

Select liliac from the color name list in our color converter. The HSL value — hsl(269.2, 96.5%, 77.5%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does liliac belong to?

liliac belongs to the blue color family. It is a light, vivid color with HSL values: hue 269.2°, saturation 96.5%, lightness 77.5%.

How do I create lighter and darker shades of liliac?

Lighter variant (lightness 92.5%): #ebd9fe. Darker variant (lightness 62.5%): #9d43fc. 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.