Carnation to HSL

Color Code

#fd798f
Format Value
HEX #fd798f
RGB rgb(253, 121, 143)
HSL hsl(350, 97.1%, 73.3%)
CMYK cmyk(0%, 52.2%, 43.5%, 0.8%)
HSV hsv(350, 52.2%, 99.2%)

carnation color harmonies

Tints & shades of carnation

Tints (lighter)

#fd8599 #fd91a3 #fe9eae #feaab8 #feb6c2 #fec2cc #feced6 #fedae0 #ffe7eb #fff3f5

Shades (darker)

#e66e82 #cf6375 #b85868 #a14d5b #8a424e #733741 #5c2c34 #452127 #2e161a #170b0d

Contrast & accessibility

The quick brown fox

On white · 2.53:1 · Fail

The quick brown fox

On black · 8.31:1 · AAA

Recommended text color: #000000

Use carnation in code

CSS color: #fd798f;
SCSS $color: #fd798f;
Tailwind bg-[#fd798f]
Swift UIColor(red: 0.992, green: 0.475, blue: 0.561, alpha: 1)
Android Color.parseColor("#fd798f")
Flutter Color(0xFFFD798F)

Colors similar to carnation

Browse all Red colors →

What is the HSL code for carnation?

The CSS color carnation in HSL format is hsl(350, 97.1%, 73.3%). Use this value directly in CSS, SVG, and most design tools.

How do I use carnation in CSS?

To apply carnation in CSS:

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

What are all the color format values for carnation?

FormatValue
HEX#fd798f
RGBrgb(253, 121, 143)
HSLhsl(350, 97.1%, 73.3%)
CMYKcmyk(0%, 52.2%, 43.5%, 0.8%)

How do I convert carnation to HSL?

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

What color family does carnation belong to?

carnation belongs to the red color family. It is a light, vivid color with HSL values: hue 350°, saturation 97.1%, lightness 73.3%.

How do I create lighter and darker shades of carnation?

Lighter variant (lightness 88.3%): #fec4ce. Darker variant (lightness 58.3%): #fc2d50. 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.