Rueda de color de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con turquesa?
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
Aquí hay algunas formas de usar turquesa en tus diseños:
- Guiar la interacción del usuario. La vibrancia del turquesa atrae la atención hacia elementos importantes como botones de CTA o secciones específicas de contenido.
- Evocar una sensación de frescura y claridad. 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.
- Dejar 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 logo, esquema de color o estética general.
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 azul-verde que el turquesa, considera:
- Azul verdoso (#01B3B1) es una verdadera mezcla de azul y verde.
- Azul Tiffany® (#81D8D0) comparte la misma esencia del turquesa con su tono azul-verde.
- Verde petróleo (#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 emparejarlo con:
- Gris frío (#CBCBCB) añade sofisticación y puede atenuar la vibrancia del turquesa.
- Coral (#FF8559) es un color complementario que crea una combinación vibrante y llena de energía.
- Marrón (#895129) es un tono terroso que puede equilibrar la vibrancia del turquesa.
- Mandarina (#FFA800) añade un toque de calidez y diversión.
Otros colores que vale la pena considerar incluyen blanco para una sensación limpia y aireada, negro para un contraste dramático, y acentos metálicos como oro o 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 discordante cuando se combina con 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 interfaces, el turquesa se utiliza efectivamente por 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 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Mediterráneo
Marea Bohemia
Hierba marina
Verificador de contraste
Contraste 1,64
- Texto grande
#40E0D0
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,79
- Texto grande
#40E0D0
- 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 #40e0d0, también conocido como 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) |
