Código da Cor Coral Claro (#f08080)

Coral Claro é #f08080 em hex e rgb(240, 128, 128) — um vermelho claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Coral Claro
#f08080
Nome CSSlightcoral
Hex#f08080
RGBrgb(240, 128, 128)
HSLhsl(0 79% 72%)
HWBhwb(0 50% 6%)
CMYK0%, 47%, 47%, 6%

Tons e sombras

Harmonias de cores

Sobre o Coral Claro

Coral Claro (lightcoral) é um vermelho claro e vibrante, com o código hex #f08080, ou rgb(240, 128, 128). No HSL, ele fica no matiz 0°, com saturação de 79% e luminosidade de 72%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightcoral; no lugar do valor hex.

Usando o Coral Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Coral Claro sobre branco2.59 : 1reprova
Texto Coral Claro sobre preto8.10 : 1AAA

Em um fundo coral claro, use texto em preto (8.10 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lightcoral;               /* or #f08080 */
  background-color: #f08080;
  border: 1px solid rgb(240 128 128 / 50%);
}

Cores nomeadas semelhantes

Salmão (#fa8072), Salmão Escuro (#e9967a), Vermelho Violeta Pálido (#db7093), Salmão Claro (#ffa07a), Marrom Arenoso (#f4a460), Coral (#ff7f50).

Perguntas frequentes

Qual é o código hex do coral claro?
#f08080 — equivale a rgb(240, 128, 128) e hsl(0, 79%, 72%). No CSS você também pode simplesmente escrever lightcoral.
O texto em coral claro é legível sobre branco?
A razão de contraste sobre branco é 2.59 : 1, o que reprova no WCAG — use essa cor para decoração ou sobre um fundo escuro.
Quais cores combinam com o coral claro?
Sua cor complementar é #7ff0f0; as cores análogas #f07fb8 e #f0b87f ficam ao lado dela no círculo cromático.