Código da cor Aqua (#00ffff)

Aqua é #00ffff em hex e rgb(0, 255, 255) — um ciano médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Aqua
#00ffff
Nome CSSaqua (também ciano)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Tons e sombras

Harmonias de cores

Sobre o Aqua

Aqua (aqua) é um ciano médio e vibrante, com código hex #00ffff, ou rgb(0, 255, 255). Em HSL ele fica no matiz de 180°, com 100% de saturação e 50% de luminosidade. O CSS também aceita a grafia cyan para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aqua; no lugar do valor hex.

Usando o Aqua em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto aqua no branco1.25 : 1reprova
Texto aqua no preto16.75 : 1AAA

Em um fundo aqua, use texto em preto (16.75 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: aqua;               /* or #00ffff */
  background-color: #00ffff;
  border: 1px solid rgb(0 255 255 / 50%);
}

Cores nomeadas semelhantes

Azul Céu Profundo (#00bfff), Turquesa Escuro (#00ced1), Turquesa (#40e0d0), Turquesa Médio (#48d1cc), Verde Primavera Médio (#00fa9a), Azul Dodger (#1e90ff).

Perguntas frequentes

Qual é o código hex da cor aqua?
#00ffff — isso equivale a rgb(0, 255, 255) e hsl(180, 100%, 50%). No CSS você também pode simplesmente escrever aqua.
O texto aqua é legível no branco?
A razão de contraste dele no branco é 1.25 : 1, o que reprova no WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com o aqua?
A cor complementar dele é #ff0000; as análogas #00ff80 e #0080ff ficam ao lado dele no círculo cromático.