Pale Orange #FFA756
Pale Orange es un naranja claro y vívido, con código hex #FFA756 y RGB rgb(255, 167, 86).
Aa
El texto negro es el que mejor se lee sobre este color (10.91:1).
Sobre este color
#FFA756 es un naranja claro y vívido. En OKLCH, su luminosidad es 80%, su croma 0.141 y su matiz 61°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Pale Orange. El texto negro es el que mejor se lee sobre este color, con 10.91:1.
| Familia de matiz | Naranjas |
| Luminosidad | claro (80%) |
| Croma | vívido (0.141) |
| Temperatura | cálido |
| Nombre más cercano | Pale Orange |
| Texto negro | 10.91:1 |
| Texto blanco | 1.92:1 |
Colores que combinan con Pale Orange
Combinaciones obtenidas al rotar Pale Orange por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Pale Orange
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Pale Orange, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Pale Orange, con su distancia ΔE.
- Light Orange #FDAA48 ΔE 0.016
- Sandy Brown #F4A460 ΔE 0.022
- Mango #FFA62B ΔE 0.029
- Butterscotch #FDB147 ΔE 0.031
- Peach #FFB07C ΔE 0.038
- Pastel Orange #FF964F ΔE 0.038
- Orange #FFA500 ΔE 0.040
- Light Salmon #FFA07A ΔE 0.047
Más sobre Pale Orange
Cómo hacer Pale 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.
- 4 partes de naranja
- 4 partes de blanco
- 1 parte de rojo
Resultado de la receta: #FBA755, una diferencia de ΔE 0.008 respecto a Pale 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 Pale Orange en todos los formatos
| HEX | #FFA756 |
| RGB | rgb(255, 167, 86) |
| HSL | hsl(29, 100%, 67%) |
| OKLCH | oklch(80.1% 0.141 61) |
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 #FFA756 | 1.92:1 | No cumple | Lc -40.8 | Elementos que no son texto, texto de marcador de posición |
| Texto negro sobre #FFA756 | 10.91:1 | AAA | Lc 67.3 | Texto de contenido, no para lecturas largas |
| Texto #FFA756 sobre blanco | 1.92:1 | No cumple | Lc 36.5 | Elementos que no son texto, texto de marcador de posición |
| Texto #FFA756 sobre negro | 10.91:1 | AAA | Lc -65.9 | Texto de contenido, no para lecturas largas |
Tonos y tintes de Pale 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
#FFF3EA
oklch(97.1% 0.018 59.5)
-
Paso 100
100
#FFE4CF
oklch(93.5% 0.041 60.2)
-
Paso 200
200
#FFCEA6
oklch(88.5% 0.076 60.8)
-
Paso 300
300 (este color)
#FFA756
oklch(80.1% 0.141 61)
-
Paso 400
400
#E88400
oklch(70.7% 0.164 60.9)
-
Paso 500
500
#C77100
oklch(63.1% 0.146 61.3)
-
Paso 600
600
#A85E00
oklch(55.6% 0.129 60.9)
-
Paso 700
700
#8E4F00
oklch(49.2% 0.114 61.3)
-
Paso 800
800
#754000
oklch(42.8% 0.099 61.2)
-
Paso 900
900
#623500
oklch(37.8% 0.087 61.6)
-
Paso 950
950
#3C1E00
oklch(27.1% 0.063 61.1)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Pale 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) | #C2AF4E | 0.099 |
| Deuteranopía (sin conos verdes) | #D7C357 | 0.090 |
| Tritanopía (sin conos azules) | #FF9495 | 0.098 |
| Acromatopsia (sin color) | #BBBBBB | 0.142 |
Usa Pale 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.