Sobre Cadet Blue
Cadet Blue (cadetblue) é um ciano médio e moderadamente saturado, com código hex #5f9ea0, ou rgb(95, 158, 160). Em HSL, fica no matiz de 182°, com 25% de saturação e 50% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: cadetblue; no lugar do valor hex.
Usando Cadet Blue em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Cadet Blue sobre branco | 3.05 : 1 | AA apenas para texto grande |
| Texto Cadet Blue sobre preto | 6.88 : 1 | AA |
Em um fundo cadet blue, use texto em preto (6.88 : 1). O WCAG exige no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: cadetblue; /* or #5f9ea0 */
background-color: #5f9ea0;
border: 1px solid rgb(95 158 160 / 50%);
}
Nomes de cores semelhantes
Cinza Ardósia Claro (#778899), Cinza Ardósia (#708090), Azul Aço (#4682b4), Verde Água Médio (#66cdaa), Cinza (#808080), Verde Mar Escuro (#8fbc8f).
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.