Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el 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
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.
| 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.
| 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.
| 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) |
