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ón | Ratio de contraste | WCAG |
|---|---|---|
| Texto aguamarina sobre blanco | 1.22 : 1 | no cumple |
| Texto aguamarina sobre negro | 17.16 : 1 | AAA |
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).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.