La salvia es un color verde suave con matices grises y marrones, lo que le da una sensación de sofisticación sutil. Se encuentra entre el verde y el azul en la rueda de colores, evocando una sensación de crecimiento y paz.

La salvia se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #BBB791
- Valor RGB: 73.3% rojo, 71.8% verde y 56.9% azul
Aquí hay algunas formas de usar la salvia en tus diseños:
- Cultiva una sensación natural. Sus tonos verdes apagados permiten que la salvia cree una sensación orgánica sutil en acentos e ilustraciones de UI.
- Muestra éxito y progreso. La salvia, con sus tonos grises y marrones, es ideal para barras de progreso cuando no se necesita urgencia.
- Crea un fondo relajante. Los tonos apagados de la salvia la hacen perfecta para fondos, ofreciendo una atmósfera tranquila sin distracciones, incluso en lienzos más grandes.
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 apagado y tranquilo que la salvia, considera:
- Verde salvia (#98A869) es similar a la salvia, ofreciendo una alternativa ligeramente más brillante con menos influencias marrones.
- Verde menta (#ADEBB3) comparte la naturaleza refrescante de la salvia con un toque juguetón, inspirando una sensación de alegría.
- Verde oliva (#636B2F) es un tono oscuro y apagado de verde con un ligero tono amarillento.
- Verde bosque (#2E6F40) es un tono verde profundo y rico que incorpora marrón, proporcionando una sensación orgánica similar.
Para complementar la salvia, considera combinarla con:
- Beige (#EDE8D0) se combina bien con la salvia, ofreciendo una excelente opción para elementos contrastantes.
- Terracota (#E2725B) es un color cálido y terroso que combina bien con la salvia debido a sus matices similares.
- Amarillo mostaza (#FFDB58) puede inyectar un poco de vitalidad en una paleta de colores de salvia.
- Azul bebé (#8FD9FB) se encuentra junto a la salvia en la rueda de colores, ofreciendo una combinación suave y gentil que no causa conflicto.
- Carbón (#4A4A4A) es ideal para acentos oscuros y sofisticados combinados con la salvia.
Otros colores que complementan la salvia incluyen opciones metálicas como el oro y la plata, que pueden añadir toques de lujo y elegancia. Tonos de púrpura, como el lila y la lavanda, también funcionan bien para acentos de buen gusto.
Aunque la salvia es sutil, puede chocar con:
- Naranja (#FFA500) puede ser demasiado vibrante para combinar con la salvia, abrumando la paleta de colores.
- Amarillo (#FFFF00) presenta matices conflictivos, que chocan con el tono de la salvia.
- Rosa fuerte (#FF69B4) es una opción de color discordante que puede hacer que la salvia se sienta desequilibrada.
- Caqui (#F0E68C) puede ser cálido, pero su apariencia apagada crea una mezcla aburrida y de bajo contraste con la salvia.
- Verde lima (#89F336) es demasiado intenso en presencia de la salvia.
La salvia representa armonía y crecimiento. Sus matices verdes la conectan con el mundo natural y sentimientos de positividad y rejuvenecimiento. La salvia también ofrece connotaciones de seguridad y elegancia atemporal.
En la psicología del color, la salvia transmite sentimientos de tranquilidad y calma. Crea una sensación de seguridad, basándose en la capacidad del verde para hacernos sentir equilibrados y enraizados.
En el diseño de interfaces, la salvia es una opción ideal para retratar un ambientalismo sofisticado. Sus tonos apagados también la hacen una excelente elección para acentos limpios y minimalistas.
Los pigmentos verdes, típicamente hechos de malaquita o azurita, se han utilizado desde tiempos prehistóricos. Sin embargo, no fue hasta el siglo XIX que se adoptaron ampliamente alternativas seguras a componentes tóxicos, como el Verde de Scheele. Durante este período, el término "salvia" comenzó a usarse para describir un color específico.
Hoy en día, el tono exacto de la salvia se ha estandarizado, encontrando aplicaciones en bellas artes, moda y diseño de interfaces.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Ramo de Iris
Lluvia Púrpura
Drama Verdadero
Verificador de contraste
Contraste 2,04
- Texto grande
#BBB791
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 10,3
- Texto grande
#BBB791
- 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 #bbb791, también conocido como Salvia, tiene valores RGB de R:187, G:183, B:145 y valores CMYK de C:0, M:2, Y:22, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #bbb791 | #bbb791 |
| RGB DECIMAL | 187, 183, 145 | RGB(187,183,145) |
| RGB PERCENTAGE | 73.3, 71.8, 56.9 | RGB(73.3%,71.8%,56.9%) |
| CMYK | 0, 2, 22, 27 | |
| HSL | HSL(54.3, 23.6%, 65.1%) | HSL(54.3, 23.6%, 65.1%) |
| HSV (OR HSB) | 54.3°, 22.5, 73.3 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 10111011, 10110111, 10010001 | |
| iOS - SwiftUI | Color(red: 0.733, green: 0.718, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.733, green: 0.718, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFFBBB791) |


