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
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
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 calmado, 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 iconos 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
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) 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 suavidad aérea 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 el diseño de UI, 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Helecho
Mística
Refugio Ecológico
Comprobador de contraste
Contraste 3,64
- Texto largo
#7E8C54
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 5,77
- Texto largo
#7E8C54
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #7e8c54, también llamado Verde musgo, tiene valores RGB de R:126, G:140, B:84 y valores CMYK de C:10, M:0, Y:40, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #7e8c54 | #7e8c54 |
| RGB DECIMAL | 126, 140, 84 | RGB(126,140,84) |
| RGB PERCENTAGE | 49.4, 54.9, 32.9 | RGB(49.4%,54.9%,32.9%) |
| CMYK | 10, 0, 40, 45 | |
| HSL | HSL(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 |
| BINARY | 01111110, 10001100, 01010100 | |
| iOS - SwiftUI | Color(red: 0.494, green: 0.549, blue: 0.329) | |
| iOS - UIKit | UIColor(red: 0.494, green: 0.549, blue: 0.329, alpha: 1) | |
| Android - Compose | Color(0xFF7E8C54) |
