Paleta de Cores

Cor ciano-escuro

Um azul-esverdeado profundo que é uma das cores com nome do HTML e do CSS. É um pouco mais luminoso que o azul-petróleo clássico e funciona muito bem em sites, gráficos e decoração.

Também conhecida como: azul-petróleo claro.

Abrir no editor

O código HEX da cor ciano-escuro é #008B8B. Em RGB é rgb(0, 139, 139), em HSL é hsl(180, 100%, 27%) e em CMYK é 100, 0, 0, 45.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com ciano-escuro

Verde-azulado#008080Verde-pinho#01796FVerde-viridiano#40826DAzinhavre#43B3AEAzul Tiffany#0ABAB5Verde-garrafa#006A4E

Sobre a cor ciano-escuro

O ciano-escuro (#008B8B) é uma cor fria, escura e muito saturada. Faz parte da família dos turquesas. É formada por 0 de vermelho, 139 de verde e 139 de azul (de 0 a 255). É usada principalmente em web, design gráfico, decoração.

Amostra da cor Ciano-escuro com seus tons do claro ao escuro · #008B8B
Ciano-escuro · #008B8B

Tons de ciano-escuro: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor ciano-escuro

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Vermelho-sangue
AnálogasPróximo de: Verde-mar, Azul-oceano
TríadePróximo de: Púrpura, Verde-oliva
Complementar divididaPróximo de: Rosa-escuro, Marrom
TétradePróximo de: Índigo, Vermelho-sangue, Verde-abacate

Paletas com a cor ciano-escuro

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Ciano-escuro
Paleta análoga · Ciano-escuro
Paleta complementar · Ciano-escuro
Paleta tríade · Ciano-escuro
Paleta com neutros · Ciano-escuro
Paleta com destaque · Ciano-escuro

Contraste de ciano-escuro com texto

Texto brancoContraste 4.1:1 · AA texto grande
Texto pretoContraste 5.1:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --ciano-escuro: #008B8B;
  --ciano-escuro-rgb: 0, 139, 139;
}
.fundo { background-color: var(--ciano-escuro); }
.texto { color: var(--ciano-escuro); }

Cores parecidas com ciano-escuro

Verde-petróleoVerde-bandeiraTurquesa-escuroCinza-ardósia

Paletas temáticas com esta cor

Mais turquesas

TurquesaÁgua-marinhaCianoVerde-águaVerde-azuladoAzul-petróleoVerde-petróleoTurquesa-escuroTurquesa pastelAzul TiffanyAzul-ovo-de-patoAzul-turquesaAzinhavre
Amostra da cor Ciano-escuro com seus tons do claro ao escuro · #008B8B
Amostra da cor Ciano-escuro com seus tons do claro ao escuro · #008B8B

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de coresAquário de coresAquário 3D relaxante com as suas paletas
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor ciano-escuro?

O código HEX da cor ciano-escuro é #008B8B. Em RGB é rgb(0, 139, 139), em HSL é hsl(180, 100%, 27%) e em CMYK é 100, 0, 0, 45.

Qual é a cor complementar de ciano-escuro?

A complementar no círculo cromático é #8B0000, um tom próximo de vermelho-sangue. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor ciano-escuro?

Melhor usar texto preto: o contraste com o branco é só 4.1:1, enquanto com o preto é 5.1:1.