#DF8264

Color con nombre más cercano: Dark Peach (#DE7E5D). oklch(70% 0.123 38.6), rgb(223, 130, 100).

Aa

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

Sobre este color

#DF8264 es un rojo medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 70%, su croma 0.123 y su matiz 39°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Dark Peach (#DE7E5D), a una distancia de ΔE 0.011. El texto negro es el que mejor se lee sobre este color, con 7.51:1.

Familia de matizRojos
Luminosidadmedio-claro (70%)
Cromamoderadamente saturado (0.123)
Temperaturacálido
Nombre más cercanoDark Peach (#DE7E5D)
Texto negro7.51:1
Texto blanco2.79:1

Valores

HEX#DF8264
RGBrgb(223, 130, 100)
HSLhsl(15, 66%, 63%)
OKLCHoklch(70% 0.123 38.6)

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 #DF8264 2.79:1 No cumple Lc -58.8 Texto grande o en negrita, títulos
Texto negro sobre #DF8264 7.51:1 AAA Lc 50.5 Texto grande o en negrita, títulos
Texto #DF8264 sobre blanco 2.79:1 No cumple Lc 53.5 Texto grande o en negrita, títulos
Texto #DF8264 sobre negro 7.51:1 AAA Lc -48.3 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

    #FCF3F0

    oklch(97% 0.011 39.4)

  2. Paso 100

    100

    #F8E5DF

    oklch(93.5% 0.022 38.3)

  3. Paso 200

    200

    #F3D0C5

    oklch(88.4% 0.042 38.2)

  4. Paso 300

    300

    #EDB09C

    oklch(80.9% 0.077 38.9)

  5. Paso 400

    400 (este color)

    #DF8264

    oklch(70% 0.123 38.6)

  6. Paso 500

    500

    #D6613A

    oklch(63% 0.157 38.6)

  7. Paso 600

    600

    #C24412

    oklch(55.7% 0.171 38.7)

  8. Paso 700

    700

    #A73400

    oklch(49.2% 0.159 38.6)

  9. Paso 800

    800

    #872C08

    oklch(42.6% 0.131 38.5)

  10. Paso 900

    900

    #6D2912

    oklch(37.6% 0.103 38.4)

  11. Paso 950

    950

    #40190C

    oklch(26.9% 0.065 38.7)

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

#DF8264 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)#9A8F610.116
Deuteranopía (sin conos verdes)#B0A2630.107
Tritanopía (sin conos azules)#F2727B0.062
Acromatopsia (sin color)#9B9B9B0.123

Armonías

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

Complementario

El matiz opuesto (180°).

  • #DF8264

    #DF8264

    oklch(70% 0.123 38.6)

  • #17B0D2

    #17B0D2

    oklch(70.1% 0.123 218.8)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #DF8264

    #DF8264

    oklch(70% 0.123 38.6)

  • #DF7C8F

    #DF7C8F

    oklch(70% 0.124 8.5)

  • #D08F40

    #D08F40

    oklch(70% 0.123 68.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #DF8264

    #DF8264

    oklch(70% 0.123 38.6)

  • #00B6AD

    #00B6AD

    oklch(70% 0.121 188.5)

  • #5CA4E7

    #5CA4E7

    oklch(70% 0.123 248.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #DF8264

    #DF8264

    oklch(70% 0.123 38.6)

  • #50B682

    #50B682

    oklch(70.2% 0.123 158.5)

  • #8E96EA

    #8E96EA

    oklch(70.1% 0.123 278.6)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #DF8264

    #DF8264

    oklch(70% 0.123 38.6)

  • #87AD56

    #87AD56

    oklch(70% 0.123 128.6)

  • #17B0D2

    #17B0D2

    oklch(70.1% 0.123 218.8)

  • #B489D9

    #B489D9

    oklch(70.1% 0.122 308.2)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #DF8264

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