Medium Spring Green #00FA9A

Medium Spring Green es un verde claro y vívido, con código hex #00FA9A y RGB rgb(0, 250, 154).

Aa

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

Sobre este color

#00FA9A es un verde claro y vívido. En OKLCH, su luminosidad es 87%, su croma 0.207 y su matiz 157°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Medium Spring Green. El texto negro es el que mejor se lee sobre este color, con 15.14:1.

Familia de matizVerdes
Luminosidadclaro (87%)
Cromavívido (0.207)
Temperaturaintermedio
Nombre más cercanoMedium Spring Green
Texto negro15.14:1
Texto blanco1.38:1

Colores que combinan con Medium Spring Green

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

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Paletas de colores con Medium Spring Green

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

Colores con nombre similares

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

Más sobre Medium Spring Green

Cómo hacer Medium Spring Green

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 Medium Spring Green. Medium Spring Green 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 Medium Spring Green en todos los formatos

HEX#00FA9A
RGBrgb(0, 250, 154)
HSLhsl(157, 100%, 49%)
OKLCHoklch(86.7% 0.207 156.9)

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 #00FA9A 1.38:1 No cumple Lc -20.6 Solo divisores y decoración
Texto negro sobre #00FA9A 15.14:1 AAA Lc 85.7 Bueno para texto de cuerpo
Texto #00FA9A sobre blanco 1.38:1 No cumple Lc 18.0 Solo divisores y decoración
Texto #00FA9A sobre negro 15.14:1 AAA Lc -85.5 Bueno para texto de cuerpo

Tonos y tintes de Medium Spring Green

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

    #E3FDEC

    oklch(97.1% 0.035 157)

  2. Paso 100

    100

    #C0FAD5

    oklch(93.6% 0.077 156.6)

  3. Paso 200

    200 (este color)

    #00FA9A

    oklch(86.7% 0.207 156.9)

  4. Paso 300

    300

    #00E48C

    oklch(80.9% 0.193 156.9)

  5. Paso 400

    400

    #00BF74

    oklch(70.8% 0.169 156.8)

  6. Paso 500

    500

    #00A463

    oklch(63.2% 0.151 156.8)

  7. Paso 600

    600

    #008A52

    oklch(55.7% 0.134 156.6)

  8. Paso 700

    700

    #007445

    oklch(49.2% 0.117 157)

  9. Paso 800

    800

    #005F37

    oklch(42.7% 0.102 156.7)

  10. Paso 900

    900

    #004F2D

    oklch(37.6% 0.09 156.8)

  11. Paso 950

    950

    #002F19

    oklch(26.9% 0.064 157.1)

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

Medium Spring Green 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)#F8E5930.187
Deuteranopía (sin conos verdes)#E0D4A10.183
Tritanopía (sin conos azules)#00F8E20.098
Acromatopsia (sin color)#DBDBDB0.208

Usa Medium Spring Green 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.