El verde menta es un verde claro con tonos fríos que representa frescura y tranquilidad. Este color nítido se sitúa entre el verde y el azul en el círculo cromático, recordando a las hojas de menta fresca. Es un verde diluido con blanco y un toque de azul, a menudo utilizado para elementos de diseño primaverales.
El verde menta se representa con los siguientes códigos de color y valores para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #ADEBB3
- Valor RGB: 67.8% rojo, 92.2% verde y 70.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el verde menta en tus diseños:
- Llamar la atención. Un toque de la ligereza del verde menta puede hacer que los botones y CTAs destaquen sin ser agresivos.
- Crear un fondo limpio. El verde menta funciona excepcionalmente bien como color de fondo en el diseño UI debido a su ligereza que no es demasiado dura para los ojos.
- Evocar calma. Los tonos de verde menta evocan calma y tranquilidad, haciéndolo perfecto para interfaces de salud, bienestar y productividad.
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 de la misma calma que el verde menta, considera:
- Azul menta (#98FBCB) es un poco más azul que el verde menta.
- Verde pastel (#80EF80) ofrece una ligereza similar al verde menta pero es más atenuado.
- Celadón (#A8DCAB) es un tono apagado de verde con toques de azul y gris.
- Verde salvia (#98A869) evoca las mismas sensaciones de naturaleza y tranquilidad que el verde menta, pero es un poco más polvoriento.
Para complementar la frescura del verde menta, considera combinarlo con:
- Blanco (#FFFFFF) ayuda en la estética limpia y aireada del verde menta.
- Verde bosque (#2E6F40) es un tono más oscuro que evoca el mismo sentido de naturaleza que el verde menta.
- Melocotón (#FFD3AC) crea una juventud que resalta el brillo del verde menta.
- Lavanda (#D3D3FF) complementa el sentidode calma y paz del verde menta.
Otros colores que vale la pena considerar incluyen gris carbón para equilibrar la estética aireada del verde menta, azul marino para un look náutico o costero, y coral para inyectar una dosis de energía juvenil.
Aunque el verde menta es un tono refrescante, puede chocar con:
- Azul menta (#98FBCB) podría hacer que un diseño parezca plano cuando se combina con un tono de bajo contraste similar como el verde menta.
- Marrón (#895129) crea demasiado contraste con el verde menta y puede interrumpir la armonía visual.
- Verde neón (#2CFF05) puede crear caos visual en lugar de cohesión cuando este tono fluorescente se combina con la calma del verde menta.
- Amarillo (#FFFF00) es demasiado saturado y puede chocar con la energía tranquila del verde menta.
- Naranja (#FFA500) compite por atención porque no armoniza con la frescura del verde menta.
El verde menta evoca la frescura de las hojas de menta y a menudo se asocia con la primavera, nuevos comienzos y serenidad. Este color se conecta con la naturaleza y se utiliza comúnmente para significar frescura y vitalidad.
En la psicología del color, el verde menta promueve sentimientos de renovación, tranquilidad, crecimiento e inspiración. Se percibe como un color relajante en muchas culturas, a menudo relacionado con frescura y prosperidad. Su efecto calmante lo hace adecuado para entornos que buscan reducir el estrés y fomentar la creatividad.
Para el diseño UI/UX, el verde menta ofrece una experiencia de usuario calmante. Encierra una estética fresca y contemporánea que es acogedora y suave. El verde menta es un excelente color de fondo que coincide con colores neutros más claros e incluso algunos tonos contrastantes para el equilibrio.
El verde menta fue reconocido oficialmente a principios del siglo XX, aunque el color probablemente existía en pigmentos y telas mucho antes de ser nombrado. Su popularidad aumentó durante la era Art Deco, conocida por su adopción de formas geométricas y nuevos materiales. Durante este período, el verde menta simbolizaba modernidad y sofisticación.
Con el tiempo, las connotaciones del verde menta evolucionaron para representar energía juvenil, eco-amigabilidad y una conexión con la naturaleza. Hoy en día, se utiliza frecuentemente en diseño de productos, cerámica, cristalería, ropa y accesorios para evocar un ambiente natural y alegre.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Armonía Herbal
Jardín de Loto
Hierbabuena
Comprobador de contraste
Contraste 1,37
- Texto largo
#ADEBB3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 15,31
- Texto largo
#ADEBB3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #adebb3, también llamado Verde Menta, tiene valores RGB de R:173, G:235, B:179 y valores CMYK de C:26, M:0, Y:24, K:8.
| VALUE | CSS | |
|---|---|---|
| HEX | #adebb3 | #adebb3 |
| RGB DECIMAL | 173, 235, 179 | RGB(173,235,179) |
| RGB PERCENTAGE | 67.8, 92.2, 70.2 | RGB(67.8%,92.2%,70.2%) |
| CMYK | 26, 0, 24, 8 | |
| HSL | HSL(125.8, 60.8%, 80.0%) | HSL(125.8, 60.8%, 80.0%) |
| HSV (OR HSB) | 125.8°, 26.4, 92.2 | |
| WEB SAFE | #153255204 | #153255204 |
| BINARY | 10101101, 11101011, 10110011 | |
| iOS - SwiftUI | Color(red: 0.678, green: 0.922, blue: 0.702) | |
| iOS - UIKit | UIColor(red: 0.678, green: 0.922, blue: 0.702, alpha: 1) | |
| Android - Compose | Color(0xFFADEBB3) |