#FFFAE9
Color con nombre más cercano: Floral White (#FFFAF0). oklch(98.4% 0.023 93.3), rgb(255, 250, 233).
Aa
El texto negro es el que mejor se lee sobre este color (20.10:1).
Sobre este color
#FFFAE9 es un tono muy claro cercano al gris neutro. En OKLCH, su luminosidad es 98%, su croma 0.023. Tiene muy poco croma para inclinarse hacia lo cálido o lo frío. El color con nombre más cercano es Floral White (#FFFAF0), a una distancia de ΔE 0.009. El texto negro es el que mejor se lee sobre este color, con 20.10:1.
| Familia de matiz | Neutros |
| Luminosidad | muy claro (98%) |
| Croma | cercano al gris neutro (0.023) |
| Temperatura | neutro |
| Nombre más cercano | Floral White (#FFFAF0) |
| Texto negro | 20.10:1 |
| Texto blanco | 1.04:1 |
Valores
| HEX | #FFFAE9 |
| RGB | rgb(255, 250, 233) |
| HSL | hsl(46, 100%, 96%) |
| OKLCH | oklch(98.4% 0.023 93.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 #FFFAE9 | 1.04:1 | No cumple | Lc 0.0 | No legible |
| Texto negro sobre #FFFAE9 | 20.10:1 | AAA | Lc 103.0 | Ideal para texto de cuerpo |
| Texto #FFFAE9 sobre blanco | 1.04:1 | No cumple | Lc 0.0 | No legible |
| Texto #FFFAE9 sobre negro | 20.10:1 | AAA | Lc -104.5 | Ideal para texto de cuerpo |
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 50.
-
Paso 50
50 (este color)
#FFFAE9
oklch(98.4% 0.023 93.3)
-
Paso 100
100
#ECEAE4
oklch(93.7% 0.008 91.5)
-
Paso 200
200
#DDD9CD
oklch(88.5% 0.017 91.6)
-
Paso 300
300
#C7C1AC
oklch(81% 0.029 93.8)
-
Paso 400
400
#AAA080
oklch(70.6% 0.046 92.8)
-
Paso 500
500
#96895F
oklch(63.1% 0.06 92.9)
-
Paso 600
600
#807345
oklch(55.6% 0.066 94.1)
-
Paso 700
700
#6C6037
oklch(49% 0.061 93.6)
-
Paso 800
800
#584F2E
oklch(42.8% 0.051 94.6)
-
Paso 900
900
#494129
oklch(37.7% 0.039 91.7)
-
Paso 950
950
#2A2618
oklch(26.9% 0.025 94.1)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#FFFAE9 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) | #FEF9E8 | 0.003 |
| Deuteranopía (sin conos verdes) | #FFFBE9 | 0.003 |
| Tritanopía (sin conos azules) | #FFF7F5 | 0.020 |
| Acromatopsia (sin color) | #FAFAFA | 0.023 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #FFFAE9
#FFFAE9
oklch(98.4% 0.023 93.3)
- #F8FAFF
#F8FAFF
oklch(98.5% 0.007 268.5)
Análogo
Matices vecinos, 30° a cada lado.
Complementario dividido
Los dos matices junto al complementario (150° y 210°).
Triádico
Tres matices separados por 120°.
Paletas y degradados que usan #FFFAE9
Estas paletas y degradados seleccionados contienen exactamente #FFFAE9. 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.
- Floral White #FFFAF0 ΔE 0.009
- Old Lace #FDF5E6 ΔE 0.013
- Ivory #FFFFF0 ΔE 0.013
- Cornsilk #FFF8DC ΔE 0.016
- Off White #FFFFE4 ΔE 0.016
- Seashell #FFF5EE ΔE 0.016
- Light Yellow #FFFFE0 ΔE 0.020
- Honeydew #F0FFF0 ΔE 0.021
Usa #FFFAE9 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.