Paleta de Cores

Cor ciano

É uma das cores primárias da impressão CMYK, junto com o magenta e o amarelo. Na tela aparece ao misturar luz verde e azul no máximo. É usado em design técnico, gráficas e visuais de tecnologia.

Também conhecida como: aqua, azul-ciano.

Ciano · #00FFFF

Sobre a cor ciano

O ciano (#00FFFF) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos turquesas. É formada por 0 de vermelho, 255 de verde e 255 de azul (de 0 a 255). É usada principalmente em impressão, web, design gráfico.

Tons de ciano: claros e escuros

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

Harmonias da cor ciano

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

ComplementarPróximo de: Vermelho
AnálogasPróximo de: Verde-menta, Azul-elétrico
TríadePróximo de: Magenta, Amarelo
Complementar divididaPróximo de: Rosa-choque, Laranja
TétradePróximo de: Violeta, Vermelho, Chartreuse

Paletas com a cor ciano

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

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

Contraste de ciano com texto

Texto brancoContraste 1.3:1 · Não recomendado
Texto pretoContraste 16.7:1 · AAA

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

Código CSS

:root {
  --ciano: #00FFFF;
  --ciano-rgb: 0, 255, 255;
}
.fundo { background-color: var(--ciano); }
.texto { color: var(--ciano); }

Cores parecidas com ciano

TurquesaTurquesa-escuroÁgua-marinhaAzul TiffanyVerde-águaTurquesa pastelAzul-celesteAzul-bebêAzul-claroAzul pastel

Paletas temáticas com esta cor

Paletas de cores neon

Mais turquesas

TurquesaÁgua-marinhaVerde-águaVerde-azuladoAzul-petróleoVerde-petróleoTurquesa-escuroTurquesa pastelAzul Tiffany

Perguntas frequentes

Qual é o código da cor ciano?

O código HEX da cor ciano é #00FFFF. Em RGB é rgb(0, 255, 255), em HSL é hsl(180, 100%, 50%) e em CMYK é 100, 0, 0, 0.

Qual é a cor complementar de ciano?

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

Dá para usar texto branco sobre a cor ciano?

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