Código del color aguamarina (#7fffd4)

Aguamarina es #7fffd4 en hexadecimal y rgb(127, 255, 212): un cian claro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

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

Tonos y sombras

Armonías de color

Acerca del aguamarina

Aguamarina (aquamarine) es un cian claro y vivo con el código hexadecimal #7fffd4, o rgb(127, 255, 212). En HSL tiene un matiz de 160°, 100% de saturación y 75% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: aquamarine; en lugar del valor hexadecimal.

Uso del aguamarina en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto aguamarina sobre blanco1.22 : 1no cumple
Texto aguamarina sobre negro17.16 : 1AAA

Sobre un fondo aguamarina, usa texto en negro (17.16 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

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

Colores con nombre similares

Azul cielo (#87ceeb), Turquesa pálido (#afeeee), Azul polvo (#b0e0e6), Azul cielo claro (#87cefa), Azul claro (#add8e6), Verde pálido (#98fb98).

Preguntas frecuentes

¿Cuál es el código hexadecimal del aguamarina?
#7fffd4 — es decir, rgb(127, 255, 212) y hsl(160, 100%, 75%). En CSS también puedes escribir simplemente aquamarine.
¿Se lee bien el texto aguamarina sobre blanco?
Su ratio de contraste sobre blanco es 1.22 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el aguamarina?
Su color complementario es #ff80aa; los colores análogos #80ff95 y #80eaff están junto a él en el círculo cromático.