Light Coral is a medium-light, saturated shade in the red color family, with a warm feel. Its HEX code is #F08080, which equals rgb(240, 128, 128) in RGB and hsl(0, 79%, 72%) in HSL. In print terms it converts to roughly C0 M47 Y47 K6, although exact CMYK results depend on the paper and color profile.
- HEX
#F08080 - RGB
240, 128, 128 - HSL
0°, 79%, 72% - CMYK
0, 47, 47, 6 - Family
Red - Tone
Medium-light, saturated
About Light Coral
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 8.10:1. Its complementary color is #7FF0F0.
Download Light Coral as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Coral color codes
| HEX | #F08080 |
|---|---|
| RGB | rgb(240, 128, 128) |
| HSL | hsl(0, 79%, 72%) |
| HSV | 0°, 47%, 94% |
| CMYK | 0%, 47%, 47%, 6% |
| Decimal | 15761536 |
Shades and tints of Light Coral
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDEAEA - 100
#FAD5D5 - 200
#F8C0C0 - 300
#F5AAAA - 400
#F39595 - 500
#F08080 - 600
#C86B6B - 700
#A05555 - 800
#784040 - 900
#502B2B - 950
#281515
Color harmonies for Light Coral
- Complementary
#7FF0F0≈ Pale Bright Cyan - Analogous −30°
#F07FB8≈ Pale Bright Blush - Analogous +30°
#F0B87F≈ Pale Bright Orange - Triadic +120°
#7FF07F≈ Pale Bright Green - Triadic +240°
#7F7FF0≈ Pale Bright Blue - Split 150°
#7FF0B8≈ Pale Bright Mint - Split 210°
#7FB8F0≈ Pale Bright Cerulean
Contrast and accessibility of Light Coral
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Coral | Aa | 2.59:1 | Fails |
| Black text on Light Coral | Aa | 8.10:1 | AAA (excellent) |
CSS code for Light Coral
background-color: #F08080;color: #F08080;background-color: rgb(240, 128, 128);background-color: hsl(0, 79%, 72%);:root { --color-light-coral: #F08080; }class="bg-[#F08080]"Colors similar to Light Coral
- Pale Bright Red
#F28888 - Salmon
#FA8072 - Pale Red
#FF7A7A - Pale Bright Cardinal
#F28892 - Pale Cardinal
#FF7A88 - Pale Scarlet
#FF887A - Pale Bright Scarlet
#F29288 - Light Soft Scarlet
#DC7F74 - Pale Crimson
#FF7A95 - Light Soft Cardinal
#DC747F - Light Bright Vermilion
#EE7F63 - Light Soft Vermilion
#DC8974
More red shades
- Crimson
#DC143C - Fire Brick
#B22222 - Indian Red
#CD5C5C - Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020
Frequently asked questions
What is the HEX code for Light Coral?
The HEX code for Light Coral is #F08080.
What is the RGB value of Light Coral?
Light Coral has an RGB value of 240, 128, 128 (rgb(240, 128, 128)). In HSL it is 0°, 79%, 72%.
What text color should I use on Light Coral?
Use black text on Light Coral. White text has a contrast ratio of 2.59:1 and black text has 8.10:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Coral?
The complementary color of Light Coral is #7FF0F0. Analogous colors #F07FB8 and #F0B87F also pair well.
