Cor nomeada mais próxima · ΔE 1.29
#58DFD8
Cor nomeada mais próxima · ΔE 1.29
#58DFD8
Ele se destaca como botão? Permanece legível como fundo? Funciona no tamanho de um selo?
Se um site inteiro o usasse como cor principal, seria assim que se sentiria —
O texto principal vai aqui. A cor principal define botões e links, tons preenchem fundos, o texto usa a cor de maior contraste.
ComeçarEsquemas harmoniosos gerados a partir da teoria das cores.
Como esta cor se comporta contra texto preto e branco.
Texto branco neste fundo
Aa Proporção 1.62:1
Texto preto neste fundo
Aa Proporção 12.96:1
:root {
--color: #58DFD8;
--color-rgb: 88, 223, 216;
--color-hsl: 176.9, 67.8%, 61%;
}
.bg-color { background-color: #58DFD8; }
.text-on-color { color: #000000; }
.border-color { border-color: #58DFD8; }
.gradient {
background-image: linear-gradient(90deg, #58DFD8 0%, 66CCCC 100%);
}Código oficial mais próximo em cada sistema padrão, classificado por CIEDE2000.
Cor oficial de materiais públicos da marca (conjunto de dados simple-icons CC0)
Como os antigos chamariam esta cor.
A mesma cor, como nomeada na tradição japonesa.
Baseado no modelo Machado (2009) - veja como esta cor aparece para 8 tipos de visão de cor.
Visão normal
#58DFD8
Visão tricromática padrão com os três tipos de cones funcionando.
Protanomalia
#9ED5D8
Sensibilidade anormal dos cones L (~1% dos homens). Percepção de vermelho enfraquecida.
Protanopia
#CCCFD8
Cones L ausentes (~1% dos homens). Os vermelhos são difíceis de perceber.
Deuteranomalia
#8CC8D9
Sensibilidade anormal dos cones M (~6% dos homens). A deficiência mais comum.
Dalcromia verde
#AFB9DA
Cones M ausentes (~1% dos homens). Vermelhos e verdes são confundidos.
Tritanomalia
#44E5DB
Sensibilidade anormal dos cones S (extremamente raro). Percepção azul-amarela enfraquecida.
Dalcromacia azul-amarela
#37E9DC
Cones S ausentes (extremamente raro). Azuis e amarelos são confundidos.
Achromatomalia
#8BC9C5
Visão de cor severamente enfraquecida (~0,001%). As cores aparecem desbotadas.
Achromatopsia
#C2C2C2
Sem visão de cor de todo (~0,003%). O mundo é tons de cinza.
Nomes mais próximos pela distância perceptual CIEDE2000.
Cores a um passo de distância no espaço RGB — cada uma com sua própria página de perfil.
Nomes que as pessoas deram a esta cor - um hexadecimal, infinitas perspectivas.
…
Entrar / Cadastrar-se · Entre para nomear cores. Seus nomes são creditados publicamente a você.
Derivados comuns desta cor: mais claro / mais escuro / mais saturado / menos saturado, além de invertido, em tons de cinza, seguro para web e a cor nomeada HTML mais próxima. Clique em qualquer um para abrir sua página.
Copie e cole trechos: texto de primeiro plano, fundo, sombra de texto e gradiente complementar.
Amostra de legibilidade de texto
color: #58DFD8;Amostra de legibilidade de texto
background-color: #58DFD8;Amostra de legibilidade de texto
text-shadow: 0.1em 0.1em 0.15em #58DFD8;linear-gradient(90deg, #58DFD8, #DF585F)Arraste matiz, saturação e luminosidade para visualizar em tempo real — encontre a versão que parece correta.
Esta é a cor com o código hex #58DFD8. Seus canais RGB são 88, 223, 216; o nome legível mais próximo é "Hammam Blue" (ΔE 1.29, CIEDE2000).
#58DFD8 é rgb(88, 223, 216) em RGB, hsl(176.9, 67.8%, 61%) em HSL e cmyk(60.5%, 0%, 3.1%, 12.5%) em CMYK.
Seu complementar #DF585F funciona melhor, junto com harmonias tríade e análogas — consulte a seção de harmonia abaixo para copiar paletas completas.
O contraste com texto preto é 12.96:1 e com texto branco 1.62:1. O WCAG 2.1 exige pelo menos 4,5:1 para texto corporal (AA) e 3:1 para texto grande.