Código da Cor Aquamarine (#7fffd4)

Aquamarine é #7fffd4 em hex e rgb(127, 255, 212) — um ciano claro. Abaixo: todos os formatos de cor, tons claros e escuros, harmonias e o quão legível ela é como texto.

Atualizado em

Aquamarine
#7fffd4
Nome em CSSaquamarine
Hex#7fffd4
RGBrgb(127, 255, 212)
HSLhsl(160 100% 75%)
HWBhwb(160 50% 0%)
CMYK50%, 0%, 17%, 0%

Tons claros e escuros

Harmonias de cores

Sobre a Aquamarine

Aquamarine (aquamarine) é um ciano claro e vibrante, com o código hex #7fffd4, ou rgb(127, 255, 212). Em HSL, ela tem matiz de 160°, saturação de 100% e luminosidade de 75%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aquamarine; em vez do valor hex.

Usando a Aquamarine em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto aquamarine no branco1,22 : 1reprovado
Texto aquamarine no preto17,16 : 1AAA

Em um fundo aquamarine, use texto em preto (17,16 : 1). A WCAG exige pelo menos 4,5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: aquamarine;               /* or #7fffd4 */
  background-color: #7fffd4;
  border: 1px solid rgb(127 255 212 / 50%);
}

Cores nomeadas semelhantes

Sky Blue (#87ceeb), Pale Turquoise (#afeeee), Powder Blue (#b0e0e6), Light Sky Blue (#87cefa), Light Blue (#add8e6), Pale Green (#98fb98).

Perguntas frequentes

Qual é o código hex da aquamarine?
#7fffd4 — isso equivale a rgb(127, 255, 212) e hsl(160, 100%, 75%). No CSS você também pode escrever simplesmente aquamarine.
A cor aquamarine é legível sobre o branco?
Sua razão de contraste sobre o branco é 1,22 : 1, o que é reprovado pela WCAG — use-a para decoração ou sobre um fundo escuro.
Quais cores combinam com a aquamarine?
Sua cor complementar é #ff80aa; as cores análogas #80ff95 e #80eaff ficam ao lado dela no círculo cromático.