#8BF26E
Color con nombre más cercano: Light Grass Green (#9AF764). oklch(87% 0.195 139.2), rgb(139, 242, 110).
Aa
El texto negro es el que mejor se lee sobre este color (15.02:1).
Sobre este color
#8BF26E es un verde claro y vívido. En OKLCH, su luminosidad es 87%, su croma 0.195 y su matiz 139°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Light Grass Green (#9AF764), a una distancia de ΔE 0.023. El texto negro es el que mejor se lee sobre este color, con 15.02:1.
| Familia de matiz | Verdes |
| Luminosidad | claro (87%) |
| Croma | vívido (0.195) |
| Temperatura | intermedio |
| Nombre más cercano | Light Grass Green (#9AF764) |
| Texto negro | 15.02:1 |
| Texto blanco | 1.39:1 |
Valores
| HEX | #8BF26E |
| RGB | rgb(139, 242, 110) |
| HSL | hsl(107, 84%, 69%) |
| OKLCH | oklch(87% 0.195 139.2) |
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 #8BF26E | 1.39:1 | No cumple | Lc -21.7 | Solo divisores y decoración |
| Texto negro sobre #8BF26E | 15.02:1 | AAA | Lc 84.6 | Bueno para texto de cuerpo |
| Texto #8BF26E sobre blanco | 1.39:1 | No cumple | Lc 19.0 | Solo divisores y decoración |
| Texto #8BF26E sobre negro | 15.02:1 | AAA | Lc -84.4 | Bueno para texto de cuerpo |
Tintes y tonos
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 200.
-
Paso 50
50
#EAFBE6
oklch(97% 0.033 139.7)
-
Paso 100
100
#D2F6C8
oklch(93.6% 0.072 138.9)
-
Paso 200
200 (este color)
#8BF26E
oklch(87% 0.195 139.2)
-
Paso 300
300
#56E416
oklch(80.9% 0.251 139.2)
-
Paso 400
400
#43BF00
oklch(70.7% 0.224 139.3)
-
Paso 500
500
#39A400
oklch(63.2% 0.2 139.2)
-
Paso 600
600
#2E8A00
oklch(55.7% 0.176 139.3)
-
Paso 700
700
#267400
oklch(49.1% 0.155 139.2)
-
Paso 800
800
#1D5F00
oklch(42.7% 0.135 139.3)
-
Paso 900
900
#174F00
oklch(37.6% 0.119 139.2)
-
Paso 950
950
#0A3000
oklch(27.2% 0.086 139.4)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#8BF26E 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) | #F8E061 | 0.131 |
| Deuteranopía (sin conos verdes) | #EAD778 | 0.131 |
| Tritanopía (sin conos azules) | #83EBD5 | 0.133 |
| Acromatopsia (sin color) | #DADADA | 0.196 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #8BF26E
#8BF26E
oklch(87% 0.195 139.2)
- #F2BFFF
#F2BFFF
oklch(87% 0.102 319.3)
Análogo
Matices vecinos, 30° a cada lado.
Complementario dividido
Los dos matices junto al complementario (150° y 210°).
Triádico
Tres matices separados por 120°.
Paletas y degradados que usan #8BF26E
Estas paletas y degradados seleccionados contienen exactamente #8BF26E. Abre uno para ver el esquema de color completo que lo rodea.
Degradados
Colores con nombre similares
Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.
- Light Grass Green #9AF764 ΔE 0.023
- Easter Green #8CFD7E ΔE 0.030
- Kiwi #9CEF43 ΔE 0.032
- Lightgreen #76FF7B ΔE 0.034
- Lighter Green #75FD63 ΔE 0.038
- Light Green #90EE90 ΔE 0.042
- Kiwi Green #8EE53F ΔE 0.043
- Light Lime #AEFD6C ΔE 0.048
Usa #8BF26E 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.