Key Lime #AEFF6E
Key Lime es un verde muy claro y vívido, con código hex #AEFF6E y RGB rgb(174, 255, 110).
Aa
El texto negro es el que mejor se lee sobre este color (17.32:1).
Sobre este color
#AEFF6E es un verde muy claro y vívido. En OKLCH, su luminosidad es 92%, su croma 0.195 y su matiz 133°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Key Lime. El texto negro es el que mejor se lee sobre este color, con 17.32:1.
| Familia de matiz | Verdes |
| Luminosidad | muy claro (92%) |
| Croma | vívido (0.195) |
| Temperatura | intermedio |
| Nombre más cercano | Key Lime |
| Texto negro | 17.32:1 |
| Texto blanco | 1.21:1 |
Colores que combinan con Key Lime
Combinaciones obtenidas al rotar Key Lime por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Key Lime
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Key Lime, 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 Key Lime.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Key Lime, con su distancia ΔE.
- Light Lime #AEFD6C ΔE 0.005
- Pale Lime Green #B1FF65 ΔE 0.008
- Light Lime Green #B9FF66 ΔE 0.012
- Pale Lime #BEFD73 ΔE 0.019
- Light Grass Green #9AF764 ΔE 0.032
- Pear #CBF85F ΔE 0.033
- Easter Green #8CFD7E ΔE 0.034
- Light Pea Green #C4FE82 ΔE 0.034
Más sobre Key Lime
Cómo hacer Key Lime
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.
- 4 partes de blanco
- 2 partes de amarillo
- 1 parte de verde
Resultado de la receta: #CFEB7D, una diferencia de ΔE 0.070 respecto a Key Lime. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Key Lime en todos los formatos
| HEX | #AEFF6E |
| RGB | rgb(174, 255, 110) |
| HSL | hsl(94, 100%, 72%) |
| OKLCH | oklch(91.8% 0.195 133.4) |
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 #AEFF6E | 1.21:1 | No cumple | Lc -11.9 | No legible |
| Texto negro sobre #AEFF6E | 17.32:1 | AAA | Lc 93.3 | Ideal para texto de cuerpo |
| Texto #AEFF6E sobre blanco | 1.21:1 | No cumple | Lc 10.2 | No legible |
| Texto #AEFF6E sobre negro | 17.32:1 | AAA | Lc -93.9 | Ideal para texto de cuerpo |
Tonos y tintes de Key Lime
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 100.
-
Paso 50
50
#EDFBE4
oklch(97.2% 0.034 132.9)
-
Paso 100
100 (este color)
#AEFF6E
oklch(91.8% 0.195 133.4)
-
Paso 200
200
#B4ED8C
oklch(88.5% 0.139 133.4)
-
Paso 300
300
#80DE00
oklch(81% 0.23 133.3)
-
Paso 400
400
#6AB900
oklch(70.7% 0.2 133.3)
-
Paso 500
500
#5A9F00
oklch(63.2% 0.179 133.4)
-
Paso 600
600
#4B8500
oklch(55.5% 0.157 133.2)
-
Paso 700
700
#3E7000
oklch(49% 0.139 133.3)
-
Paso 800
800
#325C00
oklch(42.7% 0.121 133.3)
-
Paso 900
900
#294D00
oklch(37.8% 0.107 133.2)
-
Paso 950
950
#162E00
oklch(27.1% 0.077 133.4)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Key Lime 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) | #FFED5F | 0.103 |
| Deuteranopía (sin conos verdes) | #FDE778 | 0.115 |
| Tritanopía (sin conos azules) | #AFF6DF | 0.143 |
| Acromatopsia (sin color) | #E9E9E9 | 0.195 |
Usa Key Lime 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.