Saltar al contenido principal

Salvia

Todo lo que necesitas saber sobre la salvia para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

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.

color Salviacolor Salvia

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

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

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.

Este es el texto #BBB791 en un fondo #FFFFFF.
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.

Este es el texto #BBB791 en un fondo #000000.
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.

VALUECSS
HEX#bbb791#bbb791
RGB DECIMAL187, 183, 145RGB(187,183,145)
RGB PERCENTAGE73.3, 71.8, 56.9RGB(73.3%,71.8%,56.9%)
CMYK0, 2, 22, 27
HSLHSL(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
BINARY10111011, 10110111, 10010001
iOS - SwiftUIColor(red: 0.733, green: 0.718, blue: 0.569)
iOS - UIKitUIColor(red: 0.733, green: 0.718, blue: 0.569, alpha: 1)
Android - ComposeColor(0xFFBBB791)
Crear paleta de colores