Dark Peach #DE7E5D
Dark Peach es un rojo medio-claro y moderadamente saturado, con código hex #DE7E5D y RGB rgb(222, 126, 93).
Aa
El texto negro es el que mejor se lee sobre este color (7.24:1).
Sobre este color
#DE7E5D es un rojo medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 69%, su croma 0.128 y su matiz 40°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Dark Peach. El texto negro es el que mejor se lee sobre este color, con 7.24:1.
| Familia de matiz | Rojos |
| Luminosidad | medio-claro (69%) |
| Croma | moderadamente saturado (0.128) |
| Temperatura | cálido |
| Nombre más cercano | Dark Peach |
| Texto negro | 7.24:1 |
| Texto blanco | 2.89:1 |
Colores que combinan con Dark Peach
Combinaciones obtenidas al rotar Dark Peach por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Dark Peach
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Dark Peach, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Dark Peach, con su distancia ΔE.
- Burnt Sienna #E76F51 ΔE 0.033
- Dull Orange #D8863B ΔE 0.046
- Dusty Orange #F0833A ΔE 0.050
- Peru #CD853F ΔE 0.051
- Light Coral #F08080 ΔE 0.055
- Salmon #FA8072 ΔE 0.057
- Melon #FF7855 ΔE 0.057
- Pumpkin #E17701 ΔE 0.058
Más sobre Dark Peach
Cómo hacer Dark Peach
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 3 partes de rosa
- 2 partes de naranja
- 1 parte de morado
Resultado de la receta: #DB885C, una diferencia de ΔE 0.025 respecto a Dark Peach. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Dark Peach en todos los formatos
| HEX | #DE7E5D |
| RGB | rgb(222, 126, 93) |
| HSL | hsl(15, 66%, 62%) |
| OKLCH | oklch(69.1% 0.128 39.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ón | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #DE7E5D | 2.89:1 | No cumple | Lc -60.2 | Texto de contenido, no para lecturas largas |
| Texto negro sobre #DE7E5D | 7.24:1 | AAA | Lc 49.1 | Texto grande o en negrita, títulos |
| Texto #DE7E5D sobre blanco | 2.89:1 | No cumple | Lc 54.9 | Texto grande o en negrita, títulos |
| Texto #DE7E5D sobre negro | 7.24:1 | AAA | Lc -46.9 | Texto grande o en negrita, títulos |
Tonos y tintes de Dark Peach
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.
-
Paso 50
50
#FCF3F0
oklch(97% 0.011 39.4)
-
Paso 100
100
#F9E5DF
oklch(93.6% 0.023 37.4)
-
Paso 200
200
#F4D0C4
oklch(88.5% 0.044 39.3)
-
Paso 300
300
#EEB09A
oklch(80.9% 0.079 40.4)
-
Paso 400
400 (este color)
#DE7E5D
oklch(69.1% 0.128 39.6)
-
Paso 500
500
#D95F33
oklch(63.1% 0.164 39.4)
-
Paso 600
600
#C34200
oklch(55.6% 0.175 39.8)
-
Paso 700
700
#A53600
oklch(49% 0.155 39.6)
-
Paso 800
800
#892B00
oklch(42.8% 0.136 39.4)
-
Paso 900
900
#6E280D
oklch(37.6% 0.106 39.5)
-
Paso 950
950
#41190A
oklch(27.1% 0.067 40.2)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Dark Peach 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ón | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #978B5A | 0.120 |
| Deuteranopía (sin conos verdes) | #AEA05C | 0.112 |
| Tritanopía (sin conos azules) | #F16D76 | 0.064 |
| Acromatopsia (sin color) | #989898 | 0.129 |
Usa Dark Peach 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.