Light coral color: code #F08080

Light coral

#F08080

Color codes

  • HEX#F08080
  • RGBrgb(240, 128, 128)
  • HSLhsl(0, 79%, 72%)
  • HSVhsv(0, 47%, 94%)
  • CMYKcmyk(0%, 47%, 47%, 6%)
  • LABlab(66.2% 42.8 19.6)
  • OKLCHoklch(72.5% 0.138 21)

About the color Light coral

Light coral has the HEX code #F08080, which corresponds to rgb(240, 128, 128) in the RGB model. On the color wheel its hue sits at 0°, with 79% saturation and 72% lightness (hsl(0, 79%, 72%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 8.10:1 contrast ratio on it, versus 2.59:1 for white.

For print, the approximate conversion is cmyk(0%, 47%, 47%, 6%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Light coral

Complementary

#F08080 · #7FF0F0

Analogous

#F07FB8 · #F08080 · #F0B87F

Triadic

#F08080 · #7FF07F · #7F7FF0

Tetradic

#F08080 · #B8F07F · #7FF0F0 · #B87FF0

Split-complementary

#F08080 · #7FF0B8 · #7FB8F0

Monochromatic

#D71919 · #EB5252 · #F08080 · #F8C4C4 · #FFFFFF

Light coral with white and black text

White text Aa Bb Cc 123
2.59:1 · fails WCAG
Black text Aa Bb Cc 123
8.10:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-light-coral: #F08080;
  --color-light-coral-rgb: 240, 128, 128;
}

.elemento {
  background-color: var(--color-light-coral);
  color: #000000;
}