#E7CFA8

Color con nombre más cercano: Pale Oak (#DBCFB0). oklch(86.5% 0.058 79.8), rgb(231, 207, 168).

Aa

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

Sobre este color

#E7CFA8 es un naranja claro y apagado. En OKLCH, su luminosidad es 86%, su croma 0.058 y su matiz 80°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Pale Oak (#DBCFB0), a una distancia de ΔE 0.019. El texto negro es el que mejor se lee sobre este color, con 13.88:1.

Familia de matizNaranjas
Luminosidadclaro (86%)
Cromaapagado (0.058)
Temperaturacálido
Nombre más cercanoPale Oak (#DBCFB0)
Texto negro13.88:1
Texto blanco1.51:1

Valores

HEX#E7CFA8
RGBrgb(231, 207, 168)
HSLhsl(37, 57%, 78%)
OKLCHoklch(86.5% 0.058 79.8)

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 #E7CFA8 1.51:1 No cumple Lc -27.1 Solo divisores y decoración
Texto negro sobre #E7CFA8 13.88:1 AAA Lc 79.9 Bueno para texto de cuerpo
Texto #E7CFA8 sobre blanco 1.51:1 No cumple Lc 23.9 Solo divisores y decoración
Texto #E7CFA8 sobre negro 13.88:1 AAA Lc -79.3 Bueno para texto de cuerpo

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

  1. Paso 50

    50

    #F9F5EE

    oklch(97.1% 0.01 81.8)

  2. Paso 100

    100

    #F2E9DA

    oklch(93.7% 0.022 80.7)

  3. Paso 200

    200 (este color)

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  4. Paso 300

    300

    #DABC89

    oklch(80.9% 0.075 80.6)

  5. Paso 400

    400

    #C8973E

    oklch(70.7% 0.12 79.4)

  6. Paso 500

    500

    #B37F00

    oklch(63.2% 0.131 79.8)

  7. Paso 600

    600

    #966A00

    oklch(55.5% 0.115 79.9)

  8. Paso 700

    700

    #7F5900

    oklch(49.2% 0.102 79.8)

  9. Paso 800

    800

    #684800

    oklch(42.6% 0.088 79.5)

  10. Paso 900

    900

    #573C00

    oklch(37.7% 0.078 80.1)

  11. Paso 950

    950

    #352300

    oklch(27.1% 0.056 79.9)

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

#E7CFA8 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)#DACFA60.019
Deuteranopía (sin conos verdes)#DFD5A90.018
Tritanopía (sin conos azules)#F2C8C40.050
Acromatopsia (sin color)#D2D2D20.058

Armonías

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

Complementario

El matiz opuesto (180°).

  • #E7CFA8

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  • #BDD4F9

    #BDD4F9

    oklch(86.5% 0.057 259.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #E7CFA8

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  • #F3C8B1

    #F3C8B1

    oklch(86.4% 0.058 49.7)

  • #D4D6AB

    #D4D6AB

    oklch(86.4% 0.057 109.7)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #E7CFA8

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  • #ACDAF2

    #ACDAF2

    oklch(86.4% 0.058 231)

  • #D1CDF7

    #D1CDF7

    oklch(86.5% 0.058 289.5)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #E7CFA8

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  • #A6DFE1

    #A6DFE1

    oklch(86.5% 0.058 198.8)

  • #E4C7EB

    #E4C7EB

    oklch(86.5% 0.058 319.7)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #E7CFA8

    #E7CFA8

    oklch(86.5% 0.058 79.8)

  • #ADDFCD

    #ADDFCD

    oklch(86.4% 0.057 170.9)

  • #BDD4F9

    #BDD4F9

    oklch(86.5% 0.057 259.9)

  • #F1C4D8

    #F1C4D8

    oklch(86.5% 0.057 349.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #E7CFA8

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