Washed Out Green #BCF5A6

Washed Out Green es un verde muy claro y moderadamente saturado, con código hex #BCF5A6 y RGB rgb(188, 245, 166).

Aa

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

Sobre este color

#BCF5A6 es un verde muy claro y moderadamente saturado. En OKLCH, su luminosidad es 91%, su croma 0.119 y su matiz 137°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Washed Out Green. El texto negro es el que mejor se lee sobre este color, con 16.74:1.

Familia de matizVerdes
Luminosidadmuy claro (91%)
Cromamoderadamente saturado (0.119)
Temperaturaintermedio
Nombre más cercanoWashed Out Green
Texto negro16.74:1
Texto blanco1.25:1

Colores que combinan con Washed Out Green

Combinaciones obtenidas al rotar Washed Out 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 Washed Out Green

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

Colores con nombre similares

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

Más sobre Washed Out Green

Cómo hacer Washed Out 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.

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

Resultado de la receta: #CCEFA7, una diferencia de ΔE 0.024 respecto a Washed Out Green. 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 Washed Out Green en todos los formatos

HEX#BCF5A6
RGBrgb(188, 245, 166)
HSLhsl(103, 80%, 81%)
OKLCHoklch(91.2% 0.119 137.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 #BCF5A6 1.25:1 No cumple Lc -14.5 No legible
Texto negro sobre #BCF5A6 16.74:1 AAA Lc 91.1 Ideal para texto de cuerpo
Texto #BCF5A6 sobre blanco 1.25:1 No cumple Lc 12.5 No legible
Texto #BCF5A6 sobre negro 16.74:1 AAA Lc -91.4 Ideal para texto de cuerpo

Tonos y tintes de Washed Out 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 100.

  1. Paso 50

    50

    #EFF9EC

    oklch(97.1% 0.02 138.4)

  2. Paso 100

    100 (este color)

    #BCF5A6

    oklch(91.2% 0.119 137.2)

  3. Paso 200

    200

    #BFE7B0

    oklch(88.5% 0.085 137.3)

  4. Paso 300

    300

    #8FD771

    oklch(80.8% 0.153 137.2)

  5. Paso 400

    400

    #54BD00

    oklch(70.7% 0.215 137.2)

  6. Paso 500

    500

    #47A200

    oklch(63.1% 0.192 137.2)

  7. Paso 600

    600

    #3A8800

    oklch(55.5% 0.169 137.3)

  8. Paso 700

    700

    #307300

    oklch(49.2% 0.15 137.3)

  9. Paso 800

    800

    #265E00

    oklch(42.7% 0.13 137.2)

  10. Paso 900

    900

    #1F4E00

    oklch(37.6% 0.114 137)

  11. Paso 950

    950

    #0F2F00

    oklch(27% 0.083 137.4)

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

Washed Out 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)#FAE9A10.080
Deuteranopía (sin conos verdes)#F1E4AA0.079
Tritanopía (sin conos azules)#BAEFE10.084
Acromatopsia (sin color)#E6E6E60.120

Usa Washed Out 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.