Paleta de colores Porcelain Loft
Porcelain Loft es una paleta de 5 colores que se apoya en morados. En OKLCH, su luminosidad va del 70% (#A996AD, medio claro) al 94% (#F5E6FF, muy claro), y su color más saturado, #D2B8DD, es apagado. Sus colores tienen demasiado poco croma como para inclinarse hacia lo cálido o lo frío. 0 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como claros, tranquilos, monocromáticos, degradados y morados.
- Cool Gray #A996AD
- French Gray #BCA6C4
- Silver #D2B8DD
- Cadet Gray #E3CFEE
- Gainsboro #F5E6FF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cool Gray | #A996AD | rgb(169, 150, 173) | hsl(290, 12%, 63%) | oklch(69.7% 0.039 320.4) |
| French Gray | #BCA6C4 | rgb(188, 166, 196) | hsl(284, 20%, 71%) | oklch(75.4% 0.049 317) |
| Silver | #D2B8DD | rgb(210, 184, 221) | hsl(282, 35%, 79%) | oklch(81.6% 0.058 315.9) |
| Cadet Gray | #E3CFEE | rgb(227, 207, 238) | hsl(279, 48%, 87%) | oklch(88% 0.047 313.7) |
| Gainsboro | #F5E6FF | rgb(245, 230, 255) | hsl(276, 100%, 95%) | oklch(94.4% 0.037 312.1) |
Accesibilidad
Los mejores pares de texto y fondo de Porcelain Loft, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #F5E6FF sobre #A996AD | 2.31:1 | No cumple | Lc -45.4 |
| #E3CFEE sobre #A996AD | 1.89:1 | No cumple | Lc -32.0 |
| #F5E6FF sobre #BCA6C4 | 1.88:1 | No cumple | Lc -36.0 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/a996ad-bca6c4-d2b8dd-e3cfee-f5e6ff.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.