Grey pink to HSL — Color Code

#c3909b
Format Value
HEX #c3909b
RGB rgb(195, 144, 155)
HSL hsl(347.1, 29.8%, 66.5%)
CMYK cmyk(0%, 26.2%, 20.5%, 23.5%)
HSV hsv(347.1, 26.2%, 76.5%)

grey pink color harmonies

Tints & shades of grey pink

Tints (lighter)

#c89aa4 #cea4ad #d3aeb6 #d9b8bf #dec2c8 #e4cdd2 #e9d7db #efe1e4 #f4ebed #faf5f6

Shades (darker)

#b1838d #a0767f #8e6971 #7c5c63 #6a4f55 #594146 #473438 #35272a #231a1c #120d0e

Contrast & accessibility

The quick brown fox

On white · 2.7:1 · Fail

The quick brown fox

On black · 7.78:1 · AAA

Recommended text color: #000000

Use grey pink in code

CSS color: #c3909b;
SCSS $color: #c3909b;
Tailwind bg-[#c3909b]
Swift UIColor(red: 0.765, green: 0.565, blue: 0.608, alpha: 1)
Android Color.parseColor("#c3909b")
Flutter Color(0xFFC3909B)

Colors similar to grey pink

Browse all Red colors →

What is the HSL code for grey pink?

The CSS color grey pink in HSL format is hsl(347.1, 29.8%, 66.5%). Use this value directly in CSS, SVG, and most design tools.

How do I use grey pink in CSS?

To apply grey pink in CSS:

  • Text color: color: hsl(347.1, 29.8%, 66.5%);
  • Background: background-color: hsl(347.1, 29.8%, 66.5%);
  • Border: border-color: hsl(347.1, 29.8%, 66.5%);

What are all the color format values for grey pink?

FormatValue
HEX#c3909b
RGBrgb(195, 144, 155)
HSLhsl(347.1, 29.8%, 66.5%)
CMYKcmyk(0%, 26.2%, 20.5%, 23.5%)

How do I convert grey pink to HSL?

Select grey pink from the color name list in our color converter. The HSL value — hsl(347.1, 29.8%, 66.5%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does grey pink belong to?

grey pink belongs to the red color family. It is a medium, muted color with HSL values: hue 347.1°, saturation 29.8%, lightness 66.5%.

How do I create lighter and darker shades of grey pink?

Lighter variant (lightness 81.5%): #dec2c8. Darker variant (lightness 51.5%): #a85e6e. 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.