Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con aguamarina?
Aguamarina es un tono claro y refrescante de azul, ubicado entre cian y verde en el círculo cromático. Tiene una cualidad fresca y pacífica, que encarna la tranquilidad de un océano cristalino y sereno.
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
Aquí hay algunas formas de usar aguamarina en tus diseños:
- Guía sutilmente a los usuarios. La vibrancia de aguamarina la hace perfecta para dirigir a los usuarios hacia botones de CTA, enlaces e íconos sin ser invasiva.
- Crea un ambiente relajado. Usa la influencia calmante de aguamarina para dar a las aplicaciones de viajes y sitios web de resorts una sensación relajada y soñadora.
- Destaca elementos interactivos. Usa aguamarina para indicar pestañas activas, botones y otros elementos.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro audaz que aguamarina, considera:
- Aqua (#00FFF0) es un tono más audaz y azul con una vibra igualmente tropical.
- Turquesa (#40E0D0) comparte la cualidad de gema de 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 aguamarina, aunque ambos encarnan tonos oceánicos.
Para complementar aguamarina, considera emparejarla 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 de aguamarina.
- Rosa (#FF1D8D) puede combinarse con aguamarina para paletas atrevidas e inspiradas en lo retro.
Otros colores que vale la pena considerar son arena, marfil y blanco roto para combinaciones playeras. Naranja, mandarina y rojo anaranjado también funcionan bien para diseños llamativos y atractivos.
Aunque aguamarina es fresca y tropical, puede chocar con:
- Violeta (#7F00FF), un tono púrpura profundo, choca incómodamente con la ligereza de aguamarina.
- Azul eléctrico (#00F0FF) puede sobrepasar a aguamarina con sus tonos azules brillantes.
- Verde oliva (#636B2F) tiene una oscuridad terrosa que no se mezcla bien con la claridad de aguamarina.
- Verde neón (#2CFF05) crea un efecto visual discordante y abrumador cuando se coloca junto a aguamarina.
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, 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 interfaces, aguamarina puede aportar una sensación de ocio y relajación a las experiencias de usuario. Su ligereza y claridad la hacen una opción fuerte para fondos y acentos, especialmente al cultivar una vibra costera.
Aguamarina comparte su nombre con la gema azul-verde conocida por su semejanza al agua de mar. Usada 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, aguamarina como color ahora se refiere a una mezcla distintiva de verde, cian y azul, que se utiliza frecuentemente en arte, decoración, moda y diseño.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Bosque de Algas
Cala de Sirenas
Jardín de Algas
Verificador de contraste
Contraste 1,41
- Texto grande
#66F1C2
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,93
- Texto grande
#66F1C2
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #66f1c2, también conocido como 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) |
