Blush #F29E8E
Blush es un rojo medio-claro y moderadamente saturado, con código hex #F29E8E y RGB rgb(242, 158, 142).
Aa
El texto negro es el que mejor se lee sobre este color (10.05:1).
Sobre este color
#F29E8E es un rojo medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 78%, su croma 0.104 y su matiz 31°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Blush. El texto negro es el que mejor se lee sobre este color, con 10.05:1.
| Familia de matiz | Rojos |
| Luminosidad | medio-claro (78%) |
| Croma | moderadamente saturado (0.104) |
| Temperatura | cálido |
| Nombre más cercano | Blush |
| Texto negro | 10.05:1 |
| Texto blanco | 2.08:1 |
Colores que combinan con Blush
Combinaciones obtenidas al rotar Blush 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 Blush
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Blush, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Blush, con su distancia ΔE.
- Peachy Pink #FF9A8A ΔE 0.022
- Sweet Salmon #EB9486 ΔE 0.027
- Dark Salmon #E9967A ΔE 0.032
- Light Salmon #FFA07A ΔE 0.034
- Pinkish Tan #D99B82 ΔE 0.046
- Pale Salmon #FFB19A ΔE 0.052
- Faded Pink #DE9DAC ΔE 0.052
- Cherry Blossom Pink #F4ACB7 ΔE 0.055
Más sobre Blush
Cómo hacer Blush
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.
- 4 partes de rosa
- 1 parte de amarillo
Resultado de la receta: #F3A18E, una diferencia de ΔE 0.008 respecto a Blush. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Blush en todos los formatos
| HEX | #F29E8E |
| RGB | rgb(242, 158, 142) |
| HSL | hsl(10, 79%, 75%) |
| OKLCH | oklch(77.9% 0.104 31.3) |
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 #F29E8E | 2.08:1 | No cumple | Lc -45.2 | Texto grande o en negrita, títulos |
| Texto negro sobre #F29E8E | 10.05:1 | AAA | Lc 63.3 | Texto de contenido, no para lecturas largas |
| Texto #F29E8E sobre blanco | 2.08:1 | No cumple | Lc 40.6 | Elementos que no son texto, texto de marcador de posición |
| Texto #F29E8E sobre negro | 10.05:1 | AAA | Lc -61.6 | Texto de contenido, no para lecturas largas |
Tonos y tintes de Blush
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 300.
-
Paso 50
50
#FFF2F0
oklch(97.1% 0.014 28)
-
Paso 100
100
#FDE3DE
oklch(93.6% 0.03 30.6)
-
Paso 200
200
#FDCCC2
oklch(88.5% 0.058 31.6)
-
Paso 300
300 (este color)
#F29E8E
oklch(77.9% 0.104 31.3)
-
Paso 400
400
#F6735D
oklch(70.7% 0.165 31.3)
-
Paso 500
500
#EE4229
oklch(63% 0.212 31.4)
-
Paso 600
600
#D41F00
oklch(55.6% 0.215 31.3)
-
Paso 700
700
#B31800
oklch(49% 0.189 31.3)
-
Paso 800
800
#941200
oklch(42.6% 0.165 31.3)
-
Paso 900
900
#7A1406
oklch(37.6% 0.138 31.2)
-
Paso 950
950
#480F07
oklch(26.9% 0.088 31.4)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Blush 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) | #B1A98D | 0.103 |
| Deuteranopía (sin conos verdes) | #C5BA8D | 0.096 |
| Tritanopía (sin conos azules) | #FF929A | 0.042 |
| Acromatopsia (sin color) | #B3B3B3 | 0.105 |
Usa Blush 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.