lightcoral — #F08080
#F08080
rgb(240, 128, 128) · hsl(0, 79%, 72%) · CSS keyword lightcoral
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lightcoral on white | 2.59:1 | — | — |
| lightcoral on black | 8.1:1 | AA | AA |
As a background, lightcoral takes black text: 8.1:1 against 2.59:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: lightcoral;
color: #f08080;
color: rgb(240 128 128);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to lightcoral
- salmon — #FA8072
- darksalmon — #E9967A
- coral — #FF7F50
- palevioletred — #DB7093
- lightsalmon — #FFA07A
- hotpink — #FF69B4
Frequently asked questions
What is the hex code for lightcoral?
The hex code for lightcoral is #F08080 — RGB 240, 128, 128.
Can I use lightcoral for text?
Not on a white background. lightcoral reaches only 2.59:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on lightcoral be black or white?
Black — 8.1:1 against 2.59:1 the other way.
Other named colours
- lightcyan — #E0FFFF
- lightgoldenrodyellow — #FAFAD2
- lightgray — #D3D3D3
- lightgreen — #90EE90
- lightpink — #FFB6C1
- lightsalmon — #FFA07A
- lightseagreen — #20B2AA
- lightskyblue — #87CEFA
- lightslategray — #778899
- lightsteelblue — #B0C4DE
- lightyellow — #FFFFE0
- lime — #00FF00
#F08080 in full — tints, shades and harmonies · All named colours · Colour reference