El eucalipto es un color verde grisáceo que evoca naturaleza y serenidad. Situado entre el verde y el gris en la rueda de colores, ofrece un tono suave y apagado. Tonos relacionados incluyen salvia y menta. Usa eucalipto para crear un ambiente tranquilo y natural en tus diseños.
El eucalipto se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #44D7A8
- Valor RGB: 26.7% rojo, 84.3% verde, 65.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.
Para variaciones dentro del mismo espectro que el eucalipto, considera:
- Verde menta (#adebb3): Ofrece un tono suave y refrescante, que recuerda la ternura natural de las hojas de eucalipto.
- Celadón (#a8dcab): Comparte un tono verde sereno y apagado, que refleja la presencia calmante del eucalipto.
- Verde pastel (#80ef80): Proporciona un verde claro y suave, capturando la sutil y suave vibra del eucalipto.
- Espuma de mar (#8ddcdc): Mezcla azul y verde suavemente, al igual que el color tranquilo y aireado del eucalipto.
Para complementar el eucalipto, considera emparejarlo con:
- Rosa rubor (#FF7782): Este rosa suave y cálido añade un toque de calidez al eucalipto, equilibrando sus tonos verdes fríos con un contraste suave.
- Durazno (#FFD3AC): El durazno proporciona un complemento ligero y aireado al eucalipto, creando una paleta armoniosa e invitante.
- Bronce (#CE8946): El brillo metálico cálido del bronce añade elegancia al eucalipto, realzando sus matices terrosos.
- Azul menta (#98FBCB): La frescura refrescante del azul menta se alinea bellamente con el eucalipto, ofreciendo un aspecto calmado y cohesivo.
- Gris pizarra (#6D8196): El gris pizarra introduce un neutro sofisticado que ancla el eucalipto mientras mantiene su vibra natural.
Aunque el eucalipto es relajante, puede chocar con:
- Rojo carmesí (#b22222): El rojo intenso y audaz puede dominar al eucalipto, alterando su naturaleza calmante.
- Rosa neón (#ff13f0): El rosa extremadamente brillante puede crear un contraste discordante con los tonos apagados del eucalipto.
- Amarillo-naranja (#ffb343): El tono cálido y vibrante puede chocar, creando una tensión visual incómoda con el eucalipto.
- Azul eléctrico (#00f0ff): Su tono brillante y saturado puede contrastar duramente con el sutil verde del eucalipto.
- Naranja quemado (#be5103): La calidez profunda del naranja quemado puede dominar la calidad suave y fresca del eucalipto, llevando a una combinación desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Orquídea Aqua
Menta Coral
Cenit Teal
Verificador de contraste
Contraste 1,82
- Texto grande
#44D7A8
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 11,53
- Texto grande
#44D7A8
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #44D7A8, también conocido como Eucalipto, tiene valores RGB de R:68, G:215, B:168 y valores CMYK de C:68, M:0, Y:22, K:16.
| VALUE | CSS | |
|---|---|---|
| HEX | #44D7A8 | #44D7A8 |
| RGB DECIMAL | 68, 215, 168 | RGB(68,215,168) |
| RGB PERCENTAGE | 26.7, 84.3, 65.9 | RGB(26.7%,84.3%,65.9%) |
| CMYK | 68, 0, 22, 16 | |
| HSL | HSL(160.8, 64.8%, 55.5%) | HSL(160.8, 64.8%, 55.5%) |
| HSV (OR HSB) | 160.8°, 68.4, 84.3 | |
| WEB SAFE | #51204153 | #51204153 |
| BINARY | 01000100, 11010111, 10101000 | |
| iOS - SwiftUI | Color(red: 0.267, green: 0.843, blue: 0.659) | |
| iOS - UIKit | UIColor(red: 0.267, green: 0.843, blue: 0.659, alpha: 1) | |
| Android - Compose | Color(0xFF44D7A8) |
