Avocado #90B134

Avocado es un amarillo medio-claro y vívido, con código hex #90B134 y RGB rgb(144, 177, 52).

Aa

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

Sobre este color

#90B134 es un amarillo medio-claro y vívido. En OKLCH, su luminosidad es 71%, su croma 0.153 y su matiz 123°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Avocado. El texto negro es el que mejor se lee sobre este color, con 8.52:1.

Familia de matizAmarillos
Luminosidadmedio-claro (71%)
Cromavívido (0.153)
Temperaturaintermedio
Nombre más cercanoAvocado
Texto negro8.52:1
Texto blanco2.46:1

Colores que combinan con Avocado

Combinaciones obtenidas al rotar Avocado 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

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Paletas de colores con Avocado

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Avocado, de la más cercana a la más lejana.

Colores con nombre similares

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

Más sobre Avocado

Cómo hacer Avocado

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 amarillo
  • 2 partes de azul
  • 1 parte de naranja

Resultado de la receta: #89B33B, una diferencia de ΔE 0.009 respecto a Avocado. Es muy parecido: la mayoría de la gente no notará la diferencia.

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

Códigos de Avocado en todos los formatos

HEX#90B134
RGBrgb(144, 177, 52)
HSLhsl(76, 55%, 45%)
OKLCHoklch(71.2% 0.153 123.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ónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #90B134 2.46:1 No cumple Lc -53.3 Texto grande o en negrita, títulos
Texto negro sobre #90B134 8.52:1 AAA Lc 55.7 Texto grande o en negrita, títulos
Texto #90B134 sobre blanco 2.46:1 No cumple Lc 48.3 Texto grande o en negrita, títulos
Texto #90B134 sobre negro 8.52:1 AAA Lc -53.7 Texto grande o en negrita, títulos

Tonos y tintes de Avocado

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 400.

  1. Paso 50

    50

    #F4F7EE

    oklch(97.1% 0.012 121.7)

  2. Paso 100

    100

    #E6EDD9

    oklch(93.5% 0.028 122.7)

  3. Paso 200

    200

    #D2E0B9

    oklch(88.6% 0.054 123.6)

  4. Paso 300

    300

    #B4CB86

    oklch(80.8% 0.095 123.5)

  5. Paso 400

    400 (este color)

    #90B134

    oklch(71.2% 0.153 123.2)

  6. Paso 500

    500

    #789800

    oklch(63.2% 0.156 123.3)

  7. Paso 600

    600

    #647F00

    oklch(55.5% 0.136 123.2)

  8. Paso 700

    700

    #546B00

    oklch(49.1% 0.121 123.1)

  9. Paso 800

    800

    #445800

    oklch(42.8% 0.106 123.5)

  10. Paso 900

    900

    #384900

    oklch(37.7% 0.093 123.4)

  11. Paso 950

    950

    #202B00

    oklch(26.9% 0.066 123.3)

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

Avocado 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)#BBA61F0.062
Deuteranopía (sin conos verdes)#B7A53E0.065
Tritanopía (sin conos azules)#97A8980.126
Acromatopsia (sin color)#A5A5A50.153

Usa Avocado 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.