Saltar al contenido principal

Verde musgo

Todo lo que necesitas saber sobre el verde musgo para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El verde musgo es un tono de verde apagado con cualidades tranquilas y relajantes. Este color se cruza con verde, naranja y cian en la rueda de colores, recordando a un césped cubierto de rocío matutino.

color Verde musgocolor Verde musgo

El verde musgo se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.

- Código HEX: #7E8C54

- Valor RGB: 49.4% rojo, 54.9% verde y 32.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 el verde musgo en tus diseños:

  • Crea una estética relajante. Combinar el verde musgo con colores complementarios como salvia y lila puede crear un ambiente relajante para los usuarios.
  • Representa progreso. Utiliza la estética natural y orientada al crecimiento del verde musgo para señalar la finalización en procesos de varios pasos. Esto puede representar un progreso tranquilo, a diferencia de los verdes más brillantes que podrían transmitir urgencia.
  • Promueve un diseño ecológico. Usa los tonos terrosos del verde musgo en tus banners web e íconos para reforzar sutilmente la conciencia ecológica y la sostenibilidad dentro de tu diseño.

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 terroso que el verde musgo, considera:

  • Verde oliva (#636B2F) es un tono más brillante que está más cerca del amarillo en la rueda de colores.
  • Salvia (#BBB791) es menos saturado que el verde musgo, asemejándose a una planta del desierto.
  • Salvia verde (#98A869) es un color vibrante que recuerda a un pino recién regado.

Para complementar el verde musgo, considera combinarlo con:

  • Lavanda (#D3D3FF) sinergiza naturalmente con el verde musgo, evocando los colores de un ramo de lavanda.
  • Naranja quemado (#BE5103) se combina bien con el verde musgo para crear un esquema de color de oasis desértico.
  • Blanco (#FFFFFF) crea un contraste limpio y aireado, destacando el verde musgo sin abrumar el diseño.
  • Verde bosque (#2E6F40) crea una sensación sofisticada y arraigada, perfecta para paletas lujosas.

Otros colores que vale la pena considerar incluyen marrón para una sensación cálida y acogedora, verde esmeralda para un esquema de color monocromático, y verdes más claros como salvia para crear una paleta armoniosa.

Aunque el verde musgo es terroso y tranquilo, puede chocar con:

  • Negro (#000000) puede contradecir la vibrancia del verde musgo creando una sensación de podredumbre o decadencia.
  • Azul cielo (#82C8E5) tiene una ligereza suave que puede no encajar con el verde musgo.
  • Oro (#EFBF04) es un color brillante que puede dominar el tono apagado del verde musgo.
  • Rosa suave (#E89EB8) puede hacer que el verde musgo parezca deslavado, creando una paleta desequilibrada.
  • Cobre (#C68346) tiene tonos cálidos, rojizos y marrones que pueden crear una sensación de desarmonía con los tonos fríos del verde musgo.

Todos los tonos de verde están asociados con la vida, la salud y la naturaleza. Esto es cierto para el verde musgo, que simboliza el crecimiento al igual que un parche de musgo que encontrarías en la naturaleza.

En la psicología del color, el verde inspira regeneración y bienestar. El musgo crece en todas partes, desde bosques húmedos hasta desiertos áridos, por lo que el color verde musgo también evoca sentimientos de resiliencia y fortaleza.

En diseño de interfaces, las cualidades tranquilas del verde musgo pueden calmar a los usuarios y funcionar bien en sitios web de salud y botánica. El verde musgo también es una excelente opción para sitios bancarios que desean promover sentimientos de estabilidad y seguridad para los usuarios.

El primer uso registrado de la frase “verde musgo” fue en 1884 para describir un tono de verde que se asemeja a un parche de musgo. Este color naturalista vio un aumento en su uso en Europa en todo, desde la moda hasta el diseño de interiores. Para 1915, el ejército francés comenzó a emplear camuflaje que incorporaba verde musgo y otros tonos de verde en operaciones forestales.

Contemporáneamente, el verde musgo ha experimentado un resurgimiento en popularidad debido a la prevalencia del arte mural de musgo a finales de la década de 2010 y 2020.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Helecho

Mística

Refugio Ecológico

Verificador de contraste

Contraste 3,64

Texto grande

#7E8C54

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #7E8C54 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Aprobado
Desaprobado
Aprobado
Desaprobado

Contraste 5,77

Texto grande

#7E8C54

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #7E8C54 en un fondo #000000.
Categoría
Aprobado
Desaprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #7e8c54, también conocido como Verde musgo, tiene valores RGB de R:126, G:140, B:84 y valores CMYK de C:10, M:0, Y:40, K:45.

VALUECSS
HEX#7e8c54#7e8c54
RGB DECIMAL126, 140, 84RGB(126,140,84)
RGB PERCENTAGE49.4, 54.9, 32.9RGB(49.4%,54.9%,32.9%)
CMYK10, 0, 40, 45
HSLHSL(75.0, 25.0%, 43.9%)HSL(75.0, 25.0%, 43.9%)
HSV (OR HSB)75.0°, 40.0, 54.9
WEB SAFE#102153102#102153102
BINARY01111110, 10001100, 01010100
iOS - SwiftUIColor(red: 0.494, green: 0.549, blue: 0.329)
iOS - UIKitUIColor(red: 0.494, green: 0.549, blue: 0.329, alpha: 1)
Android - ComposeColor(0xFF7E8C54)
Crear paleta de colores