El aguamarina es un tono claro y refrescante de azul que se encuentra entre el cian y el verde en el círculo cromático. Tiene una cualidad fresca y pacífica, que encarna la tranquilidad de un océano calmo y cristalino.
El aguamarina se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #66F1C2
- Valor RGB: 40% rojo, 94.5% verde, 76.1% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el aguamarina en tus diseños:
- Guía sutilmente a los usuarios. La vibrante aguamarina es perfecta para dirigir a los usuarios hacia botones de CTA, enlaces e íconos sin ser invasiva.
- Crea un ambiente relajado. Usa la influencia calmante del aguamarina para dar a las aplicaciones de viajes y sitios web de resorts una sensación relajada y de ensueño.
- Destaca elementos interactivos. Usa el aguamarina para indicar pestañas activas, botones y otros elementos.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro audaz que el aguamarina, considera:
- Aqua (#00FFF0) es un tono más audaz y azulado con una vibra igualmente tropical.
- Turquesa (#40E0D0) comparte la cualidad de gema del aguamarina pero es un poco más oscuro.
- Cian (#00FFFF) ofrece tonos azules más nítidos mientras sigue evocando tranquilidad.
- Espuma de mar (#8DDCDC) es ligeramente más apagado que el aguamarina, aunque ambos encarnan tonos oceánicos.
Para complementar el aguamarina, considera emparejarlo con:
- Blanco (#FFFFFF) crea un contraste hermoso que coincide con la estética de un pueblo turístico griego.
- Coral (#FF8559) construye sobre el tema marino para una combinación audaz y tropical.
- Concha (#FFF1E7) proporciona una ligereza arenosa que equilibra los azules y verdes del aguamarina.
- Rosa (#FF1D8D) puede combinarse con el aguamarina para paletas atrevidas e inspiradas en el retro.
Otros colores que vale la pena considerar son arena, marfil y blanco roto para combinaciones playeras. Naranja, mandarina y rojo-naranja también funcionan bien para diseños llamativos y atractivos.
Aunque el aguamarina es fresco y tropical, puede chocar con:
- Violeta (#7F00FF), un tono púrpura profundo, choca incómodamente con la ligereza del aguamarina.
- Azul eléctrico (#00F0FF) puede dominar al aguamarina con sus tonos azules brillantes.
- Verde oliva (#636B2F) tiene una oscuridad terrosa que no se combina bien con la claridad del aguamarina.
- Verde neón (#2CFF05) crea un efecto visual discordante y abrumador cuando se coloca junto al aguamarina.
El aguamarina simboliza frescura, calma y el mar. Su asociación con la gema aguamarina también connota esperanza, felicidad, juventud y sanación.
En la psicología del color, el aguamarina aporta una energía refrescante y pacífica. Su mezcla equilibrada de tonos azules y verdes crea sensaciones de tranquilidad, y su asociación con el mar le da una influencia refrescante.
En el diseño de UI, el aguamarina puede aportar una sensación de ocio y relajación a las experiencias de usuario. Su ligereza y claridad lo hacen una opción fuerte para fondos y acentos, especialmente al cultivar una vibra costera.
El aguamarina comparte su nombre con la gema azul-verde conocida por su semejanza con el agua de mar. Usado por primera vez en Inglaterra como nombre de color en 1598, ganó popularidad a mediados del siglo XIX. Aunque los tonos de la gema pueden diferir, el aguamarina como color ahora se refiere a una mezcla distintiva de verde, cian y azul, que se usa frecuentemente en arte, decoración, moda y diseño.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Bosque de Algas
Cala de la Sirena
Jardín de Algas
Comprobador de contraste
Contraste 1,41
- Texto largo
#66F1C2
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 14,93
- Texto largo
#66F1C2
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #66f1c2, también llamado aguamarina, tiene valores RGB de R:102, G:241, B:194 y valores CMYK de C:58, M:0, Y:20, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #66f1c2 | #66f1c2 |
| RGB DECIMAL | 102, 241, 194 | RGB(102,241,194) |
| RGB PERCENTAGE | 40.0, 94.5, 76.1 | RGB(40.0%,94.5%,76.1%) |
| CMYK | 58, 0, 20, 5 | |
| HSL | HSL(159.7, 83.2%, 67.3%) | HSL(159.7, 83.2%, 67.3%) |
| HSV (OR HSB) | 159.7°, 57.7, 94.5 | |
| WEB SAFE | #102255204 | #102255204 |
| BINARY | 01100110, 11110001, 11000010 | |
| iOS - SwiftUI | Color(red: 0.400, green: 0.945, blue: 0.761) | |
| iOS - UIKit | UIColor(red: 0.400, green: 0.945, blue: 0.761, alpha: 1) | |
| Android - Compose | Color(0xFF66F1C2) |
