El verde aguacate es un tono calmado y terroso que se asemeja a la piel del fruto maduro. Se encuentra entre el amarillo y el verde en la rueda de colores, ofreciendo una vibra cálida. Con matices como el oliva y el musgo, es perfecto para diseños que necesitan un toque de naturaleza y frescura.
El verde aguacate se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #568203
- Valor RGB: 33.7% rojo, 51.0% verde, 1.2% 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 verde aguacate, considera:
- Verde oliva (#636b2f): Ofrece un tono terroso y apagado que recuerda a los aguacates maduros, compartiendo la misma vibrancia natural y riqueza sutil.
- Verde musgo (#7e8c54): Captura un tono suave y terroso similar a la textura de un aguacate, con una mezcla de matices grisáceos que evocan su piel no madura.
- Pistacho (#84b067): Refleja los tonos más suaves y frescos de la pulpa del aguacate, combinando un verde vivo con toques de amarillo para un equilibrio delicado.
- Verde militar (#5d6532): Emana un tono profundo y arraigado con una calidez sutil, paralelando la naturaleza robusta y completa de las pieles de aguacate.
Para complementar el verde aguacate, considera emparejarlo con:
- Coral (#FF8559): Añade calidez con sus vibrantes matices tropicales, creando un contraste animado con el terroso verde aguacate.
- Rosa rubor (#FF7782): Suaviza la paleta con su tono sutil y delicado, permitiendo que el verde aguacate siga siendo el punto focal.
- Amarillo claro (#FFFFC5): Ilumina el esquema con una frescura soleada que resalta la profundidad natural del verde aguacate.
- Topo (#54463A): Proporciona un fondo discreto y sofisticado, enriqueciendo la sensación orgánica del verde aguacate.
Aunque el verde aguacate es un tono único y relajante, podría chocar con:
- Naranja neón (#FF5C00): La energía brillante del naranja neón puede sobrepasar el tono terroso del verde aguacate, creando discordia visual.
- Escarlata (#ED2100): La calidez intensa del escarlata contrasta fuertemente con el verde aguacate, llevando a una apariencia discordante.
- Fucsia (#FF00FF): La vivacidad del fucsia compite con el verde aguacate, resultando en una falta de armonía entre los tonos audaces.
- Azul real (#305CDE): El azul profundo del azul real contrasta fuertemente con el verde aguacate, rompiendo el equilibrio con su vibrancia.
- Amarillo brillante (#FFED29): La intensa luminosidad del amarillo brillante puede eclipsar la sutileza del verde aguacate, llevando a un desequilibrio visual.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Tierra vibrante
Profundidad verde
Rosa verde
Verificador de contraste
Contraste 4,58
- Texto grande
#568203
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 4,59
- Texto grande
#568203
- 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 #568203, también conocido como Verde aguacate, tiene valores RGB de R:86, G:130, B:3 y valores CMYK de C:34, M:0, Y:98, K:49.
| VALUE | CSS | |
|---|---|---|
| HEX | #568203 | #568203 |
| RGB DECIMAL | 86, 130, 3 | RGB(86,130,3) |
| RGB PERCENTAGE | 33.7, 51.0, 1.2 | RGB(33.7%,51.0%,1.2%) |
| CMYK | 34, 0, 98, 49 | |
| HSL | HSL(80.8, 95.5%, 26.1%) | HSL(80.8, 95.5%, 26.1%) |
| HSV (OR HSB) | 80.8°, 97.7, 51.0 | |
| WEB SAFE | #1021530 | #1021530 |
| BINARY | 01010110, 10000010, 00000011 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.510, blue: 0.012) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.510, blue: 0.012, alpha: 1) | |
| Android - Compose | Color(0xFF568203) |
