El turquesa se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #40E0D0
- Valor RGB: 25.1% rojo, 87.8% verde y 81.6% 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 asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el turquesa en tus diseños:
- Guía la interacción del usuario. La vibrante tonalidad del turquesa atrae la atención hacia elementos importantes como botones de CTA o secciones específicas de contenido.
- Evoca una sensación de frescura y claridad. El turquesa puede crear una sensación limpia y refrescante, siendo un gran color para sitios web o aplicaciones relacionadas con viajes, naturaleza o tecnología.
- Deja una impresión. Si tu marca se alinea con las asociaciones positivas del turquesa, como confianza, creatividad o tranquilidad, puede ser la elección perfecta para tu logotipo, esquema de color o estética general.
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 azul-verde que el turquesa, considera:
- Azul-verde (#01B3B1) es una verdadera mezcla de azul y verde.
- Azul Tiffany® (#81D8D0) comparte la misma esencia del turquesa con su tono azul-verde.
- Verde azulado (#069494) es un tono dentro del mismo espectro azul-verde que ofrece un aspecto monocromático.
- Aguamarina (#66F1C2) es similar al turquesa, inclinándose más hacia el verde.
Para complementar el turquesa, considera combinarlo con:
- Gris frío (#CBCBCB) añade sofisticación y puede atenuar la vibrante tonalidad del turquesa.
- Coral (#FF8559) es un color complementario que crea una combinación vibrante y llena de energía.
- Marrón (#895129) es un tonoterroso que puede equilibrar la vibrante tonalidad del turquesa.
- Mandarina (#FFA800) añade un toque de calidez y diversión.
Otros colores que vale la pena considerar incluyen el blanco para una sensación limpia y aireada, el negro para un contraste dramático, y acentos metálicos como el oro o la plata para añadir un toque de lujo.
Aunque el turquesa es terroso y de tono frío, puede chocar con:
- Rojo (#FF2C2C) es un color muy cálido, que puede resultar visualmente chocante cuando se combina con el turquesa.
- Amarillo-verde (#CCFF00) se inclina demasiado hacia el amarillo, creando una tensión incómoda con el turquesa que se inclina más hacia el azul.
- Verde neón (#2CFF05) es altamente saturado y crea un efecto abrumador y visualmente recargado.
- Violeta (#7F00FF) puede crear un contraste oscuro y sombrío junto a un turquesa brillante.
El turquesa simboliza riqueza, estatus y belleza. En el antiguo Egipto, se asociaba con el cielo, el amor y la fertilidad, vinculado a la diosa Hathor. Los aztecas conectaban el turquesa con el agua y la creación, y las tribus indígenas de América del Norte lo consideraban un talismán de buena fortuna y comunicación.
Psicológicamente, el turquesa fusiona los efectos calmantes del azul con las cualidades refrescantes del verde, promoviendo la relajación y la serenidad. Sus matices verdes sugieren creatividad y renovación, lo que evoca crecimiento e ideas frescas.
En el diseño de UI, el turquesa se utiliza efectivamente por las empresas de viajes para evocar imágenes de relajación tropical. Las marcas de cuidado de la piel lo usan para sugerir limpieza y rejuvenecimiento. Las empresas tecnológicas pueden usar el turquesa para significar innovación y creatividad, destacando su naturaleza vanguardista.
La historia de la gema turquesa abarca varias civilizaciones antiguas, incluyendo Egipto, Persia, China y los aztecas. En Grecia, se conocía como "callais", y los aztecas la llamaban "chalchihuitl".
El nombre moderno "turquesa" proviene de la palabra francesa "turquois", que significa "turco", refiriéndose a la ruta de la gema a través del Imperio Otomano hacia Europa. A finales del siglo XVI, el término "turquesa" también había evolucionado más allá de la gema para designar el distintivo color azul-verde que la caracteriza.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Mediterráneo
Marea Bohemia
Hierba marina
Comprobador de contraste
Contraste 1,64
- Texto largo
#40E0D0
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 12,79
- Texto largo
#40E0D0
- 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 #40e0d0, también llamado Turquesa, tiene valores RGB de R:64, G:224, B:208 y valores CMYK de C:71, M:0, Y:7, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #40e0d0 | #40e0d0 |
| RGB DECIMAL | 64, 224, 208 | RGB(64,224,208) |
| RGB PERCENTAGE | 25.1, 87.8, 81.6 | RGB(25.1%,87.8%,81.6%) |
| CMYK | 71, 0, 7, 12 | |
| HSL | HSL(174.0, 72.1%, 56.5%) | HSL(174.0, 72.1%, 56.5%) |
| HSV (OR HSB) | 174.0°, 71.4, 87.8 | |
| WEB SAFE | #51204204 | #51204204 |
| BINARY | 01000000, 11100000, 11010000 | |
| iOS - SwiftUI | Color(red: 0.251, green: 0.878, blue: 0.816) | |
| iOS - UIKit | UIColor(red: 0.251, green: 0.878, blue: 0.816, alpha: 1) | |
| Android - Compose | Color(0xFF40E0D0) |