Toxic Green #61DE2A
Toxic Green es un verde claro y vívido, con código hex #61DE2A y RGB rgb(97, 222, 42).
Aa
El texto negro es el que mejor se lee sobre este color (11.99:1).
Sobre este color
#61DE2A es un verde claro y vívido. En OKLCH, su luminosidad es 80%, su croma 0.234 y su matiz 139°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Toxic Green. El texto negro es el que mejor se lee sobre este color, con 11.99:1.
| Familia de matiz | Verdes |
| Luminosidad | claro (80%) |
| Croma | vívido (0.234) |
| Temperatura | intermedio |
| Nombre más cercano | Toxic Green |
| Texto negro | 11.99:1 |
| Texto blanco | 1.75:1 |
Colores que combinan con Toxic Green
Combinaciones obtenidas al rotar Toxic Green por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Toxic Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Toxic Green, de la más cercana a la más lejana.
Todavía ninguna paleta seleccionada tiene un color a menos de ΔE 0.06 de Toxic Green.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Toxic Green, con su distancia ΔE.
- Green Apple #5EDC1F ΔE 0.007
- Fresh Green #69D84F ΔE 0.033
- Vibrant Green #0ADD08 ΔE 0.039
- Apple Green #76CD26 ΔE 0.047
- Kiwi Green #8EE53F ΔE 0.049
- Vivid Green #2FEF10 ΔE 0.052
- Apple #6ECB3C ΔE 0.056
- Lime Green #32CD32 ΔE 0.059
Más sobre Toxic Green
Cómo hacer Toxic Green
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 1 parte de amarillo
- 1 parte de verde
- 1 parte de blanco
Resultado de la receta: #88CC53, una diferencia de ΔE 0.072 respecto a Toxic Green. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Toxic Green en todos los formatos
| HEX | #61DE2A |
| RGB | rgb(97, 222, 42) |
| HSL | hsl(102, 73%, 52%) |
| OKLCH | oklch(79.8% 0.234 138.6) |
Contraste
Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.
| Combinación | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #61DE2A | 1.75:1 | No cumple | Lc -35.4 | Elementos que no son texto, texto de marcador de posición |
| Texto negro sobre #61DE2A | 11.99:1 | AAA | Lc 72.3 | Texto de contenido, no para lecturas largas |
| Texto #61DE2A sobre blanco | 1.75:1 | No cumple | Lc 31.5 | Elementos que no son texto, texto de marcador de posición |
| Texto #61DE2A sobre negro | 11.99:1 | AAA | Lc -71.2 | Texto de contenido, no para lecturas largas |
Tonos y tintes de Toxic Green
Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 300.
-
Paso 50
50
#EBFBE7
oklch(97.1% 0.031 139.4)
-
Paso 100
100
#D4F5CA
oklch(93.5% 0.067 138.4)
-
Paso 200
200
#ADEE99
oklch(88.5% 0.131 138.5)
-
Paso 300
300 (este color)
#61DE2A
oklch(79.8% 0.234 138.6)
-
Paso 400
400
#49BE00
oklch(70.6% 0.221 138.6)
-
Paso 500
500
#3EA300
oklch(63.1% 0.197 138.5)
-
Paso 600
600
#338900
oklch(55.5% 0.173 138.5)
-
Paso 700
700
#297300
oklch(48.9% 0.153 138.6)
-
Paso 800
800
#205F00
oklch(42.8% 0.134 138.7)
-
Paso 900
900
#1A4F00
oklch(37.7% 0.118 138.5)
-
Paso 950
950
#0C2F00
oklch(26.9% 0.084 138.6)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Toxic Green con daltonismo
Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.
| Visión | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #E5CA00 | 0.153 |
| Deuteranopía (sin conos verdes) | #D5C041 | 0.152 |
| Tritanopía (sin conos azules) | #55D6BE | 0.163 |
| Acromatopsia (sin color) | #C4C4C4 | 0.235 |
Usa Toxic Green en tu producto
Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.