Código de color y paleta
Tonos de Verde
El verde asocia los productos digitales con el crecimiento, la naturaleza y los resultados positivos. Esta colección incluye menta pálido, esmeralda equilibrado y verde bosque profundo para estados, dashboards e identidad.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Mint Cream | #F0FDF4 | 240, 253, 244 | 138, 76%, 97% | ||
| Mint Light | #DCFCE7 | 220, 252, 231 | 141, 84%, 93% | ||
| Mint | #BBF7D0 | 187, 247, 208 | 141, 79%, 85% | ||
| Seafoam | #86EFAC | 134, 239, 172 | 142, 77%, 73% | ||
| Spring Green | #4ADE80 | 74, 222, 128 | 142, 69%, 58% | ||
| Green | #22C55E | 34, 197, 94 | 142, 71%, 45% | ||
| Grass | #16A34A | 22, 163, 74 | 142, 76%, 36% | ||
| Forest | #15803D | 21, 128, 61 | 142, 72%, 29% | ||
| Dark Green | #166534 | 22, 101, 52 | 143, 64%, 24% | ||
| Pine | #14532D | 20, 83, 45 | 144, 61%, 20% | ||
| Emerald Light | #ECFDF5 | 236, 253, 245 | 152, 81%, 96% | ||
| Emerald Pale | #D1FAE5 | 209, 250, 229 | 149, 80%, 90% | ||
| Emerald Soft | #A7F3D0 | 167, 243, 208 | 152, 76%, 80% | ||
| Emerald | #6EE7B7 | 110, 231, 183 | 156, 72%, 67% | ||
| Jade | #34D399 | 52, 211, 153 | 158, 64%, 52% | ||
| Teal Green | #10B981 | 16, 185, 129 | 160, 84%, 39% | ||
| Sea Green | #059669 | 5, 150, 105 | 161, 94%, 30% | ||
| Ocean Green | #047857 | 4, 120, 87 | 163, 94%, 24% | ||
| Deep Green | #065F46 | 6, 95, 70 | 163, 88%, 20% | ||
| Hunter | #064E3B | 6, 78, 59 | 164, 86%, 16% |
Palabra clave CSS: green
En CSS puedes escribirlo con la palabra clave green.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Verde
Estados de éxito y confirmación
Marcas de sostenibilidad y bienestar
Gráficos financieros y dashboards
Colores que combinan con Verde
Armonías de la rueda de color creadas a partir de #22C55E. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.