#6E4A00

Color con nombre más cercano: Mud Brown (#60460F). oklch(43.8% 0.092 76.9), rgb(110, 74, 0).

Aa

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

Sobre este color

#6E4A00 es un marrón oscuro y moderadamente saturado. En OKLCH, su luminosidad es 44%, su croma 0.092 y su matiz 77°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Mud Brown (#60460F), a una distancia de ΔE 0.031. El texto blanco es el que mejor se lee sobre este color, con 7.94:1.

Familia de matizMarrones
Luminosidadoscuro (44%)
Cromamoderadamente saturado (0.092)
Temperaturacálido
Nombre más cercanoMud Brown (#60460F)
Texto negro2.64:1
Texto blanco7.94:1

Valores

HEX#6E4A00
RGBrgb(110, 74, 0)
HSLhsl(40, 100%, 22%)
OKLCHoklch(43.8% 0.092 76.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 #6E4A00 7.94:1 AAA Lc -92.0 Ideal para texto de cuerpo
Texto negro sobre #6E4A00 2.64:1 No cumple Lc 16.7 Solo divisores y decoración
Texto #6E4A00 sobre blanco 7.94:1 AAA Lc 87.3 Bueno para texto de cuerpo
Texto #6E4A00 sobre negro 2.64:1 No cumple Lc -14.8 No legible

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

  1. Paso 50

    50

    #F8F5F0

    oklch(97.1% 0.007 80.7)

  2. Paso 100

    100

    #F0E9DF

    oklch(93.7% 0.015 77.1)

  3. Paso 200

    200

    #E5D7C4

    oklch(88.5% 0.03 75.7)

  4. Paso 300

    300

    #D5BD9A

    oklch(81% 0.054 77.2)

  5. Paso 400

    400

    #BF9A62

    oklch(70.8% 0.086 77)

  6. Paso 500

    500

    #AF8032

    oklch(63.2% 0.11 76.8)

  7. Paso 600

    600

    #996900

    oklch(55.7% 0.116 77.3)

  8. Paso 700

    700

    #815700

    oklch(49% 0.103 76.4)

  9. Paso 800

    800 (este color)

    #6E4A00

    oklch(43.8% 0.092 76.9)

  10. Paso 900

    900

    #573C0C

    oklch(37.8% 0.072 76.8)

  11. Paso 950

    950

    #33230A

    oklch(27% 0.045 75.7)

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

#6E4A00 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)#574C000.043
Deuteranopía (sin conos verdes)#6054040.036
Tritanopía (sin conos azules)#79403E0.079
Acromatopsia (sin color)#5151510.092

Armonías

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

Complementario

El matiz opuesto (180°).

  • #6E4A00

    #6E4A00

    oklch(43.8% 0.092 76.9)

  • #2F5284

    #2F5284

    oklch(43.7% 0.093 257.4)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #6E4A00

    #6E4A00

    oklch(43.8% 0.092 76.9)

  • #7A4021

    #7A4021

    oklch(43.8% 0.092 47.1)

  • #585505

    #585505

    oklch(43.8% 0.092 107.2)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #6E4A00

    #6E4A00

    oklch(43.8% 0.092 76.9)

  • #005B76

    #005B76

    oklch(43.9% 0.084 226.6)

  • #4F4982

    #4F4982

    oklch(43.8% 0.092 286.8)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #6E4A00

    #6E4A00

    oklch(43.8% 0.092 76.9)

  • #005E60

    #005E60

    oklch(43.7% 0.074 197.3)

  • #664173

    #664173

    oklch(43.8% 0.091 316.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #6E4A00

    #6E4A00

    oklch(43.8% 0.092 76.9)

  • #006147

    #006147

    oklch(43.7% 0.09 166.9)

  • #2F5284

    #2F5284

    oklch(43.7% 0.093 257.4)

  • #763B5C

    #763B5C

    oklch(43.8% 0.093 346.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #6E4A00

Estas paletas y degradados seleccionados contienen exactamente #6E4A00. 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 #6E4A00 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.