Light Coral #F08080

Light Coral#F08080 · rgb(240, 128, 128)

Light Coral color codes

CSS namelightcoral
HEX#F08080
RGBrgb(240, 128, 128)
HSLhsl(0, 79%, 72%)
CMYKcmyk(0%, 47%, 47%, 6%)
Decimal15761536

Shades of Light Coral (darker)

#D87373 · #C06666 · #A85A5A · #904D4D · #784040 · #603333 · #482626 · #301A1A · #180D0D

Tints of Light Coral (lighter)

#F28D8D · #F39999 · #F5A6A6 · #F6B3B3 · #F8C0C0 · #F9CCCC · #FBD9D9 · #FCE6E6 · #FEF2F2

Color harmonies

Complementary
#7FF0F0
Triadic
#7FF07F, #7F7FF0
Analogous
#F07FB8, #F0B87F

Accessibility (WCAG contrast)

White text on Light Coral2.59:1 · Fail
Black text on Light Coral8.10:1 · AAA

Use Light Coral in code

.element {
  color: lightcoral;          /* or #f08080 */
  background-color: rgb(240 128 128 / 0.5);
}

Frequently asked questions

What is the hex code for Light Coral?

Light Coral is #F08080 in HEX, rgb(240, 128, 128) in RGB and hsl(0, 79%, 72%) in HSL.

Can I use "lightcoral" directly in CSS?

Yes. "lightcoral" is one of the 148 standard CSS named colors, so color: lightcoral; works in every browser.

Is Light Coral readable on white?

The contrast ratio of Light Coral on white is 2.59:1 (WCAG Fail). On black it is 8.10:1 (AAA).

What is the complementary color of Light Coral?

The complementary color (opposite on the color wheel) is #7FF0F0.

Similar colors

Salmon#FA8072Dark Salmon#E9967APale Violet Red#DB7093Light Salmon#FFA07ASandy Brown#F4A460Coral#FF7F50Rosy Brown#BC8F8FHot Pink#FF69B4

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.