CSS Color: LightCoral
Named CSS color LightCoral — #F08080 in HEX, rgb(240, 128, 128) in RGB, hsl(0, 79%, 72%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | LightCoral | color: LightCoral; |
| HEX | #F08080 | color: #F08080; |
| RGB | rgb(240, 128, 128) | color: rgb(240, 128, 128); |
| HSL | hsl(0, 79%, 72%) | color: hsl(0, 79%, 72%); |
About LightCoral
LightCoral is a soft, pastel-like red that combines warmth with gentleness. Its hex value `#F08080` sits at 0 degrees hue with 79% saturation and 72% lightness, making it noticeably lighter and less intense than its counterpart Coral (which is more orange).
In web design, LightCoral is perfect for soft backgrounds, gentle alert states, and decorative elements that need a red hue without screaming for attention. It is popular in wellness apps, feminine-coded designs, and soft UI themes.
Accessibility note: LightCoral against white achieves only about 2.5:1 contrast, failing all WCAG text requirements. It should be used as a background color or decorative element rather than for text on light surfaces. Against dark backgrounds, it performs much better.
LightCoral is related to Salmon and IndianRed but is lighter than both. It pairs well with cool grays, sage green, navy, and white. In Tailwind CSS, `red-300` or `rose-300` provide similar tones.
FAQ
What is the hex code for LightCoral?
The CSS named color LightCoral has the hex code #F08080. You can use it in CSS as color: #F08080; or simply color: LightCoral;.
What is LightCoral in RGB?
In RGB notation, LightCoral is rgb(240, 128, 128). Use it in CSS as color: rgb(240, 128, 128);.
What is LightCoral in HSL?
In HSL notation, LightCoral is hsl(0, 79%, 72%). Use it in CSS as color: hsl(0, 79%, 72%);.
What color category is LightCoral?
LightCoral belongs to the Red color family in the CSS named colors specification.
Can I use the name "LightCoral" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: LightCoral; or background-color: LightCoral; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert LightCoral to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →