#86A867

Color con nombre más cercano: Sage (#87AE73). oklch(69% 0.098 131), rgb(134, 168, 103).

Aa

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

Sobre este color

#86A867 es un verde medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 69%, su croma 0.098 y su matiz 131°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Sage (#87AE73), a una distancia de ΔE 0.019. El texto negro es el que mejor se lee sobre este color, con 7.81:1.

Familia de matizVerdes
Luminosidadmedio-claro (69%)
Cromamoderadamente saturado (0.098)
Temperaturaintermedio
Nombre más cercanoSage (#87AE73)
Texto negro7.81:1
Texto blanco2.68:1

Valores

HEX#86A867
RGBrgb(134, 168, 103)
HSLhsl(91, 27%, 53%)
OKLCHoklch(69% 0.098 131)

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 #86A867 2.68:1 No cumple Lc -57.4 Texto grande o en negrita, títulos
Texto negro sobre #86A867 7.81:1 AAA Lc 51.9 Texto grande o en negrita, títulos
Texto #86A867 sobre blanco 2.68:1 No cumple Lc 52.2 Texto grande o en negrita, títulos
Texto #86A867 sobre negro 7.81:1 AAA Lc -49.7 Texto grande o en negrita, títulos

Tintes y tonos

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

    #F3F7F1

    oklch(97.1% 0.009 134.9)

  2. Paso 100

    100

    #E6ECE0

    oklch(93.5% 0.017 128.7)

  3. Paso 200

    200

    #D1DEC7

    oklch(88.4% 0.034 131.4)

  4. Paso 300

    300

    #B3C9A0

    oklch(80.8% 0.061 130.7)

  5. Paso 400

    400 (este color)

    #86A867

    oklch(69% 0.098 131)

  6. Paso 500

    500

    #6E9843

    oklch(63% 0.124 131)

  7. Paso 600

    600

    #568320

    oklch(55.7% 0.136 131.2)

  8. Paso 700

    700

    #466E10

    oklch(49% 0.126 131)

  9. Paso 800

    800

    #3A5A12

    oklch(42.7% 0.105 130.9)

  10. Paso 900

    900

    #324A18

    oklch(37.7% 0.081 131)

  11. Paso 950

    950

    #1D2B0F

    oklch(26.8% 0.051 131.1)

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

#86A867 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)#AE9F620.057
Deuteranopía (sin conos verdes)#A89D6A0.055
Tritanopía (sin conos azules)#88A3980.074
Acromatopsia (sin color)#9E9E9E0.098

Armonías

Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.

Complementario

El matiz opuesto (180°).

  • #86A867

    #86A867

    oklch(69% 0.098 131)

  • #AF8AC8

    #AF8AC8

    oklch(69% 0.098 311.2)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #86A867

    #86A867

    oklch(69% 0.098 131)

  • #A89D52

    #A89D52

    oklch(68.9% 0.097 101.1)

  • #5FAE88

    #5FAE88

    oklch(68.9% 0.097 161.4)

Abre la paleta análoga en el generador

Complementario dividido

Los dos matices junto al complementario (150° y 210°).

  • #86A867

    #86A867

    oklch(69% 0.098 131)

  • #9094D7

    #9094D7

    oklch(68.9% 0.098 280.9)

  • #C583AD

    #C583AD

    oklch(69% 0.098 341.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #86A867

    #86A867

    oklch(69% 0.098 131)

  • #6D9FD6

    #6D9FD6

    oklch(68.9% 0.098 251.6)

  • #D0828C

    #D0828C

    oklch(69.1% 0.097 11.6)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #86A867

    #86A867

    oklch(69% 0.098 131)

  • #4BA9C6

    #4BA9C6

    oklch(69% 0.098 221.3)

  • #AF8AC8

    #AF8AC8

    oklch(69% 0.098 311.2)

  • #CF876C

    #CF876C

    oklch(69.1% 0.097 41.3)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #86A867

Estas paletas y degradados seleccionados contienen exactamente #86A867. Abre uno para ver el esquema de color completo que lo rodea.

Paletas

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #86A867 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.