Sobre o Carmesim
Carmesim (crimson) é um vermelho médio e vibrante, com o código hex #dc143c, ou rgb(220, 20, 60). No HSL, fica no matiz de 348°, com 83% de saturação e 47% de luminosidade. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: crimson; no lugar do valor hex.
Usando o Carmesim em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto carmesim no branco | 4.99 : 1 | AA |
| Texto carmesim no preto | 4.21 : 1 | Somente AA para texto grande |
Em um fundo carmesim, use texto branco (4.99 : 1). O WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: crimson; /* or #dc143c */
background-color: #dc143c;
border: 1px solid rgb(220 20 60 / 50%);
}
Nomes de cores semelhantes
Tijolo Refratário (#b22222), Marrom (#a52a2a), Vermelho (#ff0000), Vermelho Violeta Médio (#c71585), Vermelho Indiano (#cd5c5c), Vermelho Alaranjado (#ff4500).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.