Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Aquamarine

Aquamarine es un verde azulado claro y intenso con el código hexadecimal #7FFFD4. En RGB es rgb(127, 255, 212), en HSL hsl(160, 100%, 75%) y en CMYK cmyk(50%, 0%, 17%, 0%).

Aquamarine
#7FFFD4

Valores del color

En CSS puedes escribirlo con la palabra clave aquamarine.

El texto blanco sobre Aquamarine tiene una relación de contraste de 1.22:1 y el texto negro de 17.16:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Teal 200 (#99F6E4).

Usar Aquamarine en CSS

.element {
  color: aquamarine;
  background-color: #7fffd4;
  border-color: rgb(127, 255, 212);
}

Tonos claros y oscuros de Aquamarine

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Aquamarine

Armonías de la rueda de color creadas a partir de #7FFFD4. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Aquamarine

Aa
Texto blanco
1.22:1
No cumple
Aa
Texto negro
17.16:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Aquamarine

Paletas con colores parecidos

Preguntas sobre Aquamarine

¿Cuál es el código hexadecimal de Aquamarine?

El código hexadecimal de Aquamarine es #7FFFD4. Su valor RGB es rgb(127, 255, 212) y su valor HSL es hsl(160, 100%, 75%).

¿Qué colores combinan con Aquamarine?

El color complementario de Aquamarine es #FF80AA. Para un esquema más suave prueba los colores análogos #80FF95 y #80EAFF; para un esquema equilibrado de tres colores usa los triádicos #D580FF y #FFD480.

¿Aquamarine es legible como color de texto?

Sobre un fondo blanco, Aquamarine tiene una relación de contraste de 1.22:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 17.16:1.

Más colores de la familia azules