LightCoral Color — HEX, RGB, HSL, Palettes & Contrast

LightCoral (#f08080): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#f08080
HEX #f08080
RGB rgb(240, 128, 128)
HSL 0°, 79%, 72%

Use LightCoral in Your Projects

About LightCoral Color

LightCoral is a soft, muted red-pink that is gentle yet warm. It works well for error states that need to be noticeable but not alarming.

Use Cases for LightCoral

soft errorswarm warningsfriendly UIlove themescalm accents

Shades & Tints of LightCoral

#ffffff
#fbdfdf
#f8c0c0
#f4a0a0
#f08080
#b46060
#784040
#3c2020
#000000

Complementary Color

#f08080
#7ff0f0

Analogous Colors

#f07fb8
#f08080
#f0b87f

Triadic Colors

#f08080
#7ff07f
#7f7ff0

Split Complementary

#f08080
#7ff0b8
#7fb8f0

Tetradic Colors

#f08080
#f0f07f
#7ff0f0
#7f7ff0

CSS Code

.lightcoral-color {
  color: #f08080;
  background-color: #f08080;
}

/* As a CSS custom property */
:root {
  --color-lightcoral: #f08080;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on LightCoral
Ratio: 8.1:1 ✓ Passes AA ✓ Passes AAA
White text on LightCoral
Ratio: 2.59:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightCoral?

LightCoral is represented by the hex code #f08080 and has RGB values of rgb(240, 128, 128). It falls under the Red category.

How to use LightCoral in web design?

LightCoral works well for soft errors, warm warnings, friendly UI. LightCoral is a soft, muted red-pink that is gentle yet warm. It works well for error states that need to be noticeable but not alarming. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightCoral?

Colors that pair well with LightCoral include coral, salmon, indianred, darksalmon, rosybrown. For a complementary scheme, try #7ff0f0. For an analogous scheme, use #f07fb8 and #f0b87f. For a triadic scheme, combine with #7ff07f and #7f7ff0.