Pastel Orange #FF964F
Pastel Orange es un naranja medio-claro y vívido, con código hex #FF964F y RGB rgb(255, 150, 79).
Aa
El texto negro es el que mejor se lee sobre este color (9.72:1).
Sobre este color
#FF964F es un naranja medio-claro y vívido. En OKLCH, su luminosidad es 77%, su croma 0.152 y su matiz 52°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Pastel Orange. El texto negro es el que mejor se lee sobre este color, con 9.72:1.
| Familia de matiz | Naranjas |
| Luminosidad | medio-claro (77%) |
| Croma | vívido (0.152) |
| Temperatura | cálido |
| Nombre más cercano | Pastel Orange |
| Texto negro | 9.72:1 |
| Texto blanco | 2.15:1 |
Colores que combinan con Pastel Orange
Combinaciones obtenidas al rotar Pastel Orange 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 Pastel Orange
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Pastel Orange, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Pastel Orange, con su distancia ΔE.
- Faded Orange #F0944D ΔE 0.027
- Sandy Brown #F4A460 ΔE 0.033
- Tangerine #FF9408 ΔE 0.035
- Dark Orange #FF8C00 ΔE 0.038
- Pale Orange #FFA756 ΔE 0.038
- Light Salmon #FFA07A ΔE 0.043
- Light Orange #FDAA48 ΔE 0.049
- Mango #FFA62B ΔE 0.051
Más sobre Pastel Orange
Cómo hacer Pastel Orange
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.
- 2 partes de naranja
- 2 partes de blanco
- 1 parte de rojo
Resultado de la receta: #FB9354, una diferencia de ΔE 0.012 respecto a Pastel Orange. Es muy parecido: la mayoría de la gente no notará la diferencia.
¿Qué colores forman el naranja? | Tabla de mezcla de colores
Códigos de Pastel Orange en todos los formatos
| HEX | #FF964F |
| RGB | rgb(255, 150, 79) |
| HSL | hsl(24, 100%, 65%) |
| OKLCH | oklch(77.1% 0.152 52.5) |
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 #FF964F | 2.15:1 | No cumple | Lc -46.7 | Texto grande o en negrita, títulos |
| Texto negro sobre #FF964F | 9.72:1 | AAA | Lc 61.9 | Texto de contenido, no para lecturas largas |
| Texto #FF964F sobre blanco | 2.15:1 | No cumple | Lc 42.0 | Elementos que no son texto, texto de marcador de posición |
| Texto #FF964F sobre negro | 9.72:1 | AAA | Lc -60.2 | Texto de contenido, no para lecturas largas |
Tonos y tintes de Pastel Orange
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
#FFF3EC
oklch(97.2% 0.016 52.6)
-
Paso 100
100
#FFE4D4
oklch(93.7% 0.037 52.7)
-
Paso 200
200
#FFCDAF
oklch(88.5% 0.07 52.5)
-
Paso 300
300 (este color)
#FF964F
oklch(77.1% 0.152 52.5)
-
Paso 400
400
#F47900
oklch(70.6% 0.18 52.5)
-
Paso 500
500
#D26700
oklch(63% 0.161 52.4)
-
Paso 600
600
#B15600
oklch(55.5% 0.142 52.5)
-
Paso 700
700
#964800
oklch(49.2% 0.125 52.6)
-
Paso 800
800
#7C3A00
oklch(42.8% 0.11 52.3)
-
Paso 900
900
#683000
oklch(37.8% 0.096 52.7)
-
Paso 950
950
#401B00
oklch(27.2% 0.069 52.7)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Pastel Orange 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) | #B4A247 | 0.125 |
| Deuteranopía (sin conos verdes) | #CDBA4E | 0.115 |
| Tritanopía (sin conos azules) | #FF8086 | 0.093 |
| Acromatopsia (sin color) | #B0B0B0 | 0.153 |
Usa Pastel Orange 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.