Wintergreen #20F986

Wintergreen es un verde claro y vívido, con código hex #20F986 y RGB rgb(32, 249, 134).

Aa

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

Sobre este color

#20F986 es un verde claro y vívido. En OKLCH, su luminosidad es 86%, su croma 0.220 y su matiz 152°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Wintergreen. El texto negro es el que mejor se lee sobre este color, con 14.95:1.

Familia de matizVerdes
Luminosidadclaro (86%)
Cromavívido (0.220)
Temperaturaintermedio
Nombre más cercanoWintergreen
Texto negro14.95:1
Texto blanco1.40:1

Colores que combinan con Wintergreen

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

Paletas de colores con Wintergreen

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

Colores con nombre similares

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

Más sobre Wintergreen

Cómo hacer Wintergreen

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.

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

Resultado de la receta: #AAE079, una diferencia de ΔE 0.101 respecto a Wintergreen. Wintergreen 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 Wintergreen en todos los formatos

HEX#20F986
RGBrgb(32, 249, 134)
HSLhsl(148, 95%, 55%)
OKLCHoklch(86.3% 0.22 152.3)

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 #20F986 1.40:1 No cumple Lc -21.5 Solo divisores y decoración
Texto negro sobre #20F986 14.95:1 AAA Lc 84.8 Bueno para texto de cuerpo
Texto #20F986 sobre blanco 1.40:1 No cumple Lc 18.9 Solo divisores y decoración
Texto #20F986 sobre negro 14.95:1 AAA Lc -84.6 Bueno para texto de cuerpo

Tonos y tintes de Wintergreen

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.

  1. Paso 50

    50

    #E4FDE9

    oklch(97% 0.037 151.4)

  2. Paso 100

    100

    #C1FAD0

    oklch(93.5% 0.081 152.8)

  3. Paso 200

    200 (este color)

    #20F986

    oklch(86.3% 0.22 152.3)

  4. Paso 300

    300

    #00E679

    oklch(81% 0.212 152.3)

  5. Paso 400

    400

    #00C064

    oklch(70.8% 0.185 152.3)

  6. Paso 500

    500

    #00A455

    oklch(63% 0.164 152.5)

  7. Paso 600

    600

    #008A46

    oklch(55.5% 0.145 152.3)

  8. Paso 700

    700

    #00743A

    oklch(49% 0.128 152.4)

  9. Paso 800

    800

    #00602F

    oklch(42.8% 0.112 152.4)

  10. Paso 900

    900

    #005026

    oklch(37.8% 0.099 152.3)

  11. Paso 950

    950

    #003014

    oklch(27.1% 0.071 152.1)

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

Wintergreen 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)#F9E37D0.187
Deuteranopía (sin conos verdes)#E3D38E0.185
Tritanopía (sin conos azules)#00F5DE0.118
Acromatopsia (sin color)#DADADA0.222

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