El taupe es un color gris-marrón sutil y refinado que se sitúa entre el rojo y el amarillo en el círculo cromático, lo que le confiere un matiz cálido y rico. Este tono neutro y apagado abarca una gama de colores, desde grises amarronados hasta marrones oscuros, evocando sensaciones de sofisticación y estabilidad.
El taupe se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #54463A
- Valor RGB: 32.9% rojo, 27.5% verde, y 22.7% azul
Aquí hay algunas maneras de usar el taupe en tus diseños:
- Da solidez a tu diseño. El taupe puede moderar colores brillantes y audaces para crear un diseño armonioso. Es discreto y equilibrado, convirtiéndose en un protagonista en un diseño minimalista o como un acento frente a tonos más vibrantes.
- Crea jerarquía a través del contraste. El taupe neutro hace que otros colores de tu paleta resalten. Como un tono oscuro y neutro, el taupe es una excelente opción para tipografía y barras de navegación.
- Destaca acciones importantes. Usa elementos taupe para dirigir a los usuarios hacia lo más importante, como un botón taupe con un efecto hover que cambia a un tono ligeramente más brillante para mejorar la interacción del usuario.
- Transmite sofisticación. Combina el taupe con tonos apagados similares para un aspecto sofisticado y profesional. El taupe también puede acentuar toques de color vibrante para crear un diseño refinado y contemporáneo.
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 oscuro que el taupe, considera:
- Carbón (#4A4A4A) aporta un borde más oscuro y dramático con una sofisticación ahumada y desaturada.
- Granate (#550000) añade intensidad con un color rojo rico como el vino añejo.
- Metal de arma (#353E43) es elegante y moderno con matices azules fríos y una profundidad industrial.
Para complementar el taupe, considera emparejarlo con:
- Naranja quemado (#BE5103) crea un contraste cálido e invitante con el taupe, evocando fogatas humeantes y hojas caídas.
- Champán (#F7E6CA) colabora con el taupe para una estética serena y neutral.
- Espuma de mar (#8DDCDC) contrasta la calidez apagada del taupe para una paleta refrescante y juguetona.
También puedes considerar emparejar el taupe con tonos joya para un aspecto lujoso, tonos de salvia o verde oliva para complementar la calidez natural del taupe, y marrones más claros o tonos arena para un diseño equilibrado y rústico.
Aunque el taupe es un color cálido y neutro, puede chocar con:
- Rojo (#FF2C2C) que contrasta con la calidez sutil del taupe, creando un contraste discordante.
- Fucsia (#FE3894) que abruma al taupe con su alta saturación y tono más frío.
- Verde lima (#89F336) puede crear tensión visual cuando se combina con un color apagado como el taupe.
- Azul eléctrico (#00F0FF) que interrumpe la tranquilidad neutral del taupe con su vibrancia e intensidad.
El taupe evoca practicidad y sofisticación, basándose en matices rojo-anaranjados para calidez. Los tonos terrosos marrones y grises del taupe transmiten estabilidad, compostura y practicidad.
El taupe promueve sensaciones de calma y compostura. Su tono apagado evita abrumar los sentidos, creando una sensación de tranquilidad arraigada. Los matices rojo-anaranjados evocan comodidad y calidez mientras también inspiran creatividad.
El taupe puede actuar como un contrapunto calmante a colores audaces, crear jerarquía permitiendo que otros colores resalten, o evocar sofisticación cuando se combina con tonos apagados similares. Su versatilidad es muy apreciada en diversas aplicaciones para evocar calidez, profesionalismo y elegancia, creando una experiencia de usuario más acogedora.
La palabra taupe proviene del francés “taupe” y del latín “talpa,” que significa “topo,” refiriéndose al color promedio de la piel de topo. El uso documentado más antiguo de “taupe” para describir un color data de un artículo de periódico de 1846, que mencionaba al taupe como una elección de moda entre otros tonos.
Con el tiempo, el taupe ha sido consistentemente utilizado en la moda y el diseño de interiores debido a su versatilidad y elegancia discreta.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Café Moca
Vistas de Montaña
El Bosque
Verificador de contraste
Contraste 9,07
- Texto grande
#54463A
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 2,31
- Texto grande
#54463A
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #54463a, también conocido como Topo, tiene valores RGB de R:84, G:70, B:58 y valores CMYK de C:0, M:17, Y:31, K:67.
| VALUE | CSS | |
|---|---|---|
| HEX | #54463a | #54463a |
| RGB DECIMAL | 84, 70, 58 | RGB(84,70,58) |
| RGB PERCENTAGE | 32.9, 27.5, 22.7 | RGB(32.9%,27.5%,22.7%) |
| CMYK | 0, 17, 31, 67 | |
| HSL | HSL(27.7, 18.3%, 27.8%) | HSL(27.7, 18.3%, 27.8%) |
| HSV (OR HSB) | 27.7°, 31.0, 32.9 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01010100, 01000110, 00111010 | |
| iOS - SwiftUI | Color(red: 0.329, green: 0.275, blue: 0.227) | |
| iOS - UIKit | UIColor(red: 0.329, green: 0.275, blue: 0.227, alpha: 1) | |
| Android - Compose | Color(0xFF54463A) |
