Sobre a Sea Shell
Sea Shell (seashell) é um laranja muito claro e vibrante, com o código hex #fff5ee, ou rgb(255, 245, 238). No HSL ela fica com matiz de 25°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: seashell; no lugar do valor hex.
Usando a Sea Shell em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Sea Shell no branco | 1.07 : 1 | reprova |
| Texto Sea Shell no preto | 19.55 : 1 | AAA |
Sobre um fundo sea shell, use texto em preto (19.55 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outros pares com o Verificador de contraste.
CSS
.element {
color: seashell; /* or #fff5ee */
background-color: #fff5ee;
border: 1px solid rgb(255 245 238 / 50%);
}Cores nomeadas parecidas
Branco Floral (#fffaf0), Renda Antiga (#fdf5e6), Lavanda Rosada (#fff0f5), Marfim (#fffff0), Linho (#faf0e6), Fumaça Branca (#f5f5f5).
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.