#f08080
HEX
#f08080 RGB
rgb(240, 128, 128) HSL
0°, 79%, 72% 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
CSS Code
.lightcoral-color {
color: #f08080;
}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.