#0E2A1F

Color con nombre más cercano: Jet (#212529). oklch(25.9% 0.04 165.1), rgb(14, 42, 31).

Aa

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

Sobre este color

#0E2A1F es un verde oscuro y apagado. En OKLCH, su luminosidad es 26%, su croma 0.040 y su matiz 165°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Jet (#212529), a una distancia de ΔE 0.040. El texto blanco es el que mejor se lee sobre este color, con 15.33:1.

Familia de matizVerdes
Luminosidadoscuro (26%)
Cromaapagado (0.040)
Temperaturaintermedio
Nombre más cercanoJet (#212529)
Texto negro1.36:1
Texto blanco15.33:1

Valores

HEX#0E2A1F
RGBrgb(14, 42, 31)
HSLhsl(156, 50%, 11%)
OKLCHoklch(25.9% 0.04 165.1)

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 #0E2A1F 15.33:1 AAA Lc -104.9 Ideal para texto de cuerpo
Texto negro sobre #0E2A1F 1.36:1 No cumple Lc 0.0 No legible
Texto #0E2A1F sobre blanco 15.33:1 AAA Lc 102.1 Ideal para texto de cuerpo
Texto #0E2A1F sobre negro 1.36:1 No cumple Lc 0.0 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 950.

  1. Paso 50

    50

    #F2F7F4

    oklch(97.2% 0.007 160.1)

  2. Paso 100

    100

    #E2EDE7

    oklch(93.6% 0.014 162.5)

  3. Paso 200

    200

    #CADFD5

    oklch(88.5% 0.026 165.6)

  4. Paso 300

    300

    #A5CBB9

    oklch(80.9% 0.048 164.8)

  5. Paso 400

    400

    #72B095

    oklch(70.7% 0.076 165.1)

  6. Paso 500

    500

    #489C7B

    oklch(63.1% 0.097 165.2)

  7. Paso 600

    600

    #218664

    oklch(55.5% 0.105 165.5)

  8. Paso 700

    700

    #107253

    oklch(49.1% 0.098 165.3)

  9. Paso 800

    800

    #145D44

    oklch(42.8% 0.081 165.1)

  10. Paso 900

    900

    #1A4C39

    oklch(37.7% 0.063 165)

  11. Paso 950

    950 (este color)

    #0E2A1F

    oklch(25.9% 0.04 165.1)

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

#0E2A1F 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)#29271E0.039
Deuteranopía (sin conos verdes)#2524200.038
Tritanopía (sin conos azules)#042A270.016
Acromatopsia (sin color)#2525250.041

Armonías

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

Complementario

El matiz opuesto (180°).

  • #0E2A1F

    #0E2A1F

    oklch(25.9% 0.04 165.1)

  • #321C28

    #321C28

    oklch(26% 0.04 346.3)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #0E2A1F

    #0E2A1F

    oklch(25.9% 0.04 165.1)

  • #1B2814

    #1B2814

    oklch(25.9% 0.04 135.3)

  • #052A2A

    #052A2A

    oklch(26% 0.04 195)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #0E2A1F

    #0E2A1F

    oklch(25.9% 0.04 165.1)

  • #2B1E31

    #2B1E31

    oklch(26% 0.039 314.8)

  • #351B1D

    #351B1D

    oklch(25.9% 0.041 15.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #0E2A1F

    #0E2A1F

    oklch(25.9% 0.04 165.1)

  • #222137

    #222137

    oklch(26% 0.041 285.3)

  • #341D13

    #341D13

    oklch(25.9% 0.041 44.1)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #0E2A1F

    #0E2A1F

    oklch(25.9% 0.04 165.1)

  • #162537

    #162537

    oklch(26% 0.04 253.7)

  • #321C28

    #321C28

    oklch(26% 0.04 346.3)

  • #2F210C

    #2F210C

    oklch(25.9% 0.04 75.5)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #0E2A1F

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