Paleta de colores Last Tram Home
Last Tram Home es una paleta de 5 colores que se apoya en morados, rosados, verdes azulados y cianes y amarillos. En OKLCH, su luminosidad va del 19% (#111024, muy oscuro) al 93% (#E9F53B, muy claro), y su color más saturado, #D2269E, es vívido. 2 de sus 5 colores cromáticos están en el lado frío de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como neón, oscuros, intensos y morados.
- Rich Black #111024
- Prussian Blue #3A1C71
- Neon Pink #D2269E
- Vivid Sky Blue #18C3C9
- Yellow #E9F53B
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #111024 | rgb(17, 16, 36) | hsl(243, 38%, 10%) | oklch(18.6% 0.04 284.1) |
| Prussian Blue | #3A1C71 | rgb(58, 28, 113) | hsl(261, 60%, 28%) | oklch(32.4% 0.137 293.4) |
| Neon Pink | #D2269E | rgb(210, 38, 158) | hsl(318, 69%, 49%) | oklch(59.1% 0.23 344.1) |
| Vivid Sky Blue | #18C3C9 | rgb(24, 195, 201) | hsl(182, 79%, 44%) | oklch(74.3% 0.123 198.9) |
| Yellow | #E9F53B | rgb(233, 245, 59) | hsl(64, 90%, 60%) | oklch(93.1% 0.193 113.4) |
Accesibilidad
Los mejores pares de texto y fondo de Last Tram Home, 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 |
|---|---|---|---|
| #E9F53B sobre #111024 | 15.66:1 | AAA | Lc -94.3 |
| #E9F53B sobre #3A1C71 | 11.10:1 | AAA | Lc -89.4 |
| #111024 sobre #18C3C9 | 8.62:1 | AAA | Lc 61.1 |
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/111024-3a1c71-d2269e-18c3c9-e9f53b.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.