Lightcoral to HSL

Color Code

#f08080
Format Value
HEX #f08080
RGB rgb(240, 128, 128)
HSL hsl(0, 78.9%, 72.2%)
CMYK cmyk(0%, 46.7%, 46.7%, 5.9%)
HSV hsv(0, 46.7%, 94.1%)

lightcoral color harmonies

Tints & shades of lightcoral

Tints (lighter)

#f18c8c #f39797 #f4a3a3 #f5aeae #f7baba #f8c5c5 #fad1d1 #fbdcdc #fce8e8 #fef3f3

Shades (darker)

#da7474 #c46969 #af5d5d #995151 #834646 #6d3a3a #572f2f #412323 #2c1717 #160c0c

Contrast & accessibility

The quick brown fox

On white · 2.59:1 · Fail

The quick brown fox

On black · 8.1:1 · AAA

Recommended text color: #000000

Use lightcoral in code

CSS color: #f08080;
SCSS $color: #f08080;
Tailwind bg-[#f08080]
Swift UIColor(red: 0.941, green: 0.502, blue: 0.502, alpha: 1)
Android Color.parseColor("#f08080")
Flutter Color(0xFFF08080)

Colors similar to lightcoral

Browse all Red colors →

What is the HSL code for lightcoral?

The CSS color lightcoral in HSL format is hsl(0, 78.9%, 72.2%). Use this value directly in CSS, SVG, and most design tools.

How do I use lightcoral in CSS?

To apply lightcoral in CSS:

  • Text color: color: hsl(0, 78.9%, 72.2%);
  • Background: background-color: hsl(0, 78.9%, 72.2%);
  • Border: border-color: hsl(0, 78.9%, 72.2%);

What are all the color format values for lightcoral?

FormatValue
HEX#f08080
RGBrgb(240, 128, 128)
HSLhsl(0, 78.9%, 72.2%)
CMYKcmyk(0%, 46.7%, 46.7%, 5.9%)

How do I convert lightcoral to HSL?

Select lightcoral from the color name list in our color converter. The HSL value — hsl(0, 78.9%, 72.2%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does lightcoral belong to?

lightcoral belongs to the red color family. It is a light, vivid color with HSL values: hue 0°, saturation 78.9%, lightness 72.2%.

How do I create lighter and darker shades of lightcoral?

Lighter variant (lightness 87.2%): #f8c5c5. Darker variant (lightness 57.2%): #e83c3c. 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.