#EC862A

Color con nombre más cercano: Dusty Orange (#F0833A). oklch(71.7% 0.158 56.9), rgb(236, 134, 42).

Aa

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

Sobre este color

#EC862A es un naranja medio-claro y vívido. En OKLCH, su luminosidad es 72%, su croma 0.158 y su matiz 57°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Dusty Orange (#F0833A), a una distancia de ΔE 0.016. El texto negro es el que mejor se lee sobre este color, con 8.01:1.

Familia de matizNaranjas
Luminosidadmedio-claro (72%)
Cromavívido (0.158)
Temperaturacálido
Nombre más cercanoDusty Orange (#F0833A)
Texto negro8.01:1
Texto blanco2.62:1

Valores

HEX#EC862A
RGBrgb(236, 134, 42)
HSLhsl(28, 84%, 55%)
OKLCHoklch(71.7% 0.158 56.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 #EC862A 2.62:1 No cumple Lc -55.8 Texto grande o en negrita, títulos
Texto negro sobre #EC862A 8.01:1 AAA Lc 53.3 Texto grande o en negrita, títulos
Texto #EC862A sobre blanco 2.62:1 No cumple Lc 50.7 Texto grande o en negrita, títulos
Texto #EC862A sobre negro 8.01:1 AAA Lc -51.2 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

    #FDF3ED

    oklch(97% 0.013 53.4)

  2. Paso 100

    100

    #FAE6D8

    oklch(93.7% 0.029 57.4)

  3. Paso 200

    200

    #F6D1B6

    oklch(88.5% 0.055 58.1)

  4. Paso 300

    300

    #F2B081

    oklch(80.9% 0.099 56.3)

  5. Paso 400

    400 (este color)

    #EC862A

    oklch(71.7% 0.158 56.9)

  6. Paso 500

    500

    #CC6D00

    oklch(63.1% 0.152 57.3)

  7. Paso 600

    600

    #AC5B00

    oklch(55.6% 0.134 57.3)

  8. Paso 700

    700

    #914C00

    oklch(49.1% 0.118 57.5)

  9. Paso 800

    800

    #783D00

    oklch(42.7% 0.104 56.7)

  10. Paso 900

    900

    #653200

    oklch(37.7% 0.092 56.3)

  11. Paso 950

    950

    #3E1C00

    oklch(27% 0.066 55.9)

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

#EC862A 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)#A592190.123
Deuteranopía (sin conos verdes)#BDA92A0.111
Tritanopía (sin conos azules)#FF6F740.106
Acromatopsia (sin color)#A0A0A00.159

Armonías

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

Complementario

El matiz opuesto (180°).

  • #EC862A

    #EC862A

    oklch(71.7% 0.158 56.9)

  • #00B0F8

    #00B0F8

    oklch(71.7% 0.156 236.8)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #EC862A

    #EC862A

    oklch(71.7% 0.158 56.9)

  • #F7776C

    #F7776C

    oklch(71.7% 0.159 26.8)

  • #CB9C00

    #CB9C00

    oklch(71.7% 0.147 86.9)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #EC862A

    #EC862A

    oklch(71.7% 0.158 56.9)

  • #00B9CA

    #00B9CA

    oklch(71.8% 0.123 206.4)

  • #7A9FFF

    #7A9FFF

    oklch(71.7% 0.146 266.8)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #EC862A

    #EC862A

    oklch(71.7% 0.158 56.9)

  • #00BEA2

    #00BEA2

    oklch(71.7% 0.133 177)

  • #AF8CFA

    #AF8CFA

    oklch(71.8% 0.158 296.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #EC862A

    #EC862A

    oklch(71.7% 0.158 56.9)

  • #55BE66

    #55BE66

    oklch(71.8% 0.159 147)

  • #00B0F8

    #00B0F8

    oklch(71.7% 0.156 236.8)

  • #D77DD7

    #D77DD7

    oklch(71.8% 0.159 327.1)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #EC862A

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

Degradados

Colores con nombre similares

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

Usa #EC862A 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.