Green Yellow #ADFF2F

Green Yellow es un verde muy claro y vívido, con código hex #ADFF2F y RGB rgb(173, 255, 47).

Aa

El texto negro es el que mejor se lee sobre este color (17.12:1).

Sobre este color

#ADFF2F es un verde muy claro y vívido. En OKLCH, su luminosidad es 91%, su croma 0.233 y su matiz 130°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Green Yellow. El texto negro es el que mejor se lee sobre este color, con 17.12:1.

Familia de matizVerdes
Luminosidadmuy claro (91%)
Cromavívido (0.233)
Temperaturaintermedio
Nombre más cercanoGreen Yellow
Texto negro17.12:1
Texto blanco1.22:1

Colores que combinan con Green Yellow

Combinaciones obtenidas al rotar Green Yellow por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.

Complementario

El matiz opuesto (180°).

Abre la paleta complementaria en el generador

Paletas de colores con Green Yellow

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Green Yellow, 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 Green Yellow.

Colores con nombre similares

Los ocho colores con nombre más cercanos a Green Yellow, con su distancia ΔE.

Más sobre Green Yellow

Cómo hacer Green Yellow

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.

  • 3 partes de blanco
  • 2 partes de amarillo
  • 1 parte de verde

Resultado de la receta: #C6E56A, una diferencia de ΔE 0.094 respecto a Green Yellow. Green Yellow es más intenso de lo que estas pinturas pueden mezclar, así que parte de una pintura verde ya preparada y ajústala.

¿Qué colores forman el verde? | Tabla de mezcla de colores

Códigos de Green Yellow en todos los formatos

HEX#ADFF2F
RGBrgb(173, 255, 47)
HSLhsl(84, 100%, 59%)
OKLCHoklch(91.3% 0.233 130)

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ónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #ADFF2F 1.22:1 No cumple Lc -12.7 No legible
Texto negro sobre #ADFF2F 17.12:1 AAA Lc 92.7 Ideal para texto de cuerpo
Texto #ADFF2F sobre blanco 1.22:1 No cumple Lc 10.9 No legible
Texto #ADFF2F sobre negro 17.12:1 AAA Lc -93.2 Ideal para texto de cuerpo

Tonos y tintes de Green Yellow

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.

  1. Paso 50

    50

    #EDFBDF

    oklch(97% 0.04 128.9)

  2. Paso 100

    100 (este color)

    #ADFF2F

    oklch(91.3% 0.233 130)

  3. Paso 200

    200

    #B4EF72

    oklch(88.6% 0.167 130.1)

  4. Paso 300

    300

    #90DA00

    oklch(80.8% 0.218 130)

  5. Paso 400

    400

    #78B600

    oklch(70.7% 0.19 129.9)

  6. Paso 500

    500

    #669C00

    oklch(63% 0.17 129.9)

  7. Paso 600

    600

    #558300

    oklch(55.5% 0.149 129.9)

  8. Paso 700

    700

    #476E00

    oklch(49% 0.131 129.8)

  9. Paso 800

    800

    #395A00

    oklch(42.6% 0.114 129.9)

  10. Paso 900

    900

    #2F4B00

    oklch(37.6% 0.101 129.8)

  11. Paso 950

    950

    #1A2D00

    oklch(27% 0.073 130.1)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

Green Yellow 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ónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#FFEC000.106
Deuteranopía (sin conos verdes)#FFE6480.121
Tritanopía (sin conos azules)#B2F4DA0.181
Acromatopsia (sin color)#E8E8E80.234

Usa Green Yellow 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.