Light mauve to HSL — Color Code

#c292a1
Format Value
HEX #c292a1
RGB rgb(194, 146, 161)
HSL hsl(341.3, 28.2%, 66.7%)
CMYK cmyk(0%, 24.7%, 17%, 23.9%)
HSV hsv(341.3, 24.7%, 76.1%)

light mauve color harmonies

Tints & shades of light mauve

Tints (lighter)

#c89caa #cda6b2 #d3b0bb #d8bac3 #dec4cc #e3cdd4 #e9d7dd #eee1e5 #f4ebee #f9f5f6

Shades (darker)

#b08592 #9f7784 #8d6a75 #7b5d66 #6a5058 #584249 #47353b #35282c #231b1d #120d0f

Contrast & accessibility

The quick brown fox

On white · 2.65:1 · Fail

The quick brown fox

On black · 7.92:1 · AAA

Recommended text color: #000000

Use light mauve in code

CSS color: #c292a1;
SCSS $color: #c292a1;
Tailwind bg-[#c292a1]
Swift UIColor(red: 0.761, green: 0.573, blue: 0.631, alpha: 1)
Android Color.parseColor("#c292a1")
Flutter Color(0xFFC292A1)

Colors similar to light mauve

Browse all Pink colors →

What is the HSL code for light mauve?

The CSS color light mauve in HSL format is hsl(341.3, 28.2%, 66.7%). Use this value directly in CSS, SVG, and most design tools.

How do I use light mauve in CSS?

To apply light mauve in CSS:

  • Text color: color: hsl(341.3, 28.2%, 66.7%);
  • Background: background-color: hsl(341.3, 28.2%, 66.7%);
  • Border: border-color: hsl(341.3, 28.2%, 66.7%);

What are all the color format values for light mauve?

FormatValue
HEX#c292a1
RGBrgb(194, 146, 161)
HSLhsl(341.3, 28.2%, 66.7%)
CMYKcmyk(0%, 24.7%, 17%, 23.9%)

How do I convert light mauve to HSL?

Select light mauve from the color name list in our color converter. The HSL value — hsl(341.3, 28.2%, 66.7%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light mauve belong to?

light mauve belongs to the pink color family. It is a medium, muted color with HSL values: hue 341.3°, saturation 28.2%, lightness 66.7%.

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

Lighter variant (lightness 81.7%): #ddc3cb. Darker variant (lightness 51.7%): #a76177. 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.