Paleta de colores Mixtape Rink
Mixtape Rink es una paleta de 4 colores que se apoya en morados y neutros. En OKLCH, su luminosidad va del 26% (#22135B, oscuro) al 97% (#F3F4FF, muy claro), y su color más saturado, #5346B3, es vívido. 3 de sus 3 colores cromáticos están en el lado frío de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como retro, monocromáticos, degradados, morados, fríos y aptos para daltonismo.
RetroMonocromáticosDegradadosMoradosFríosAptos para daltonismo
- Oxford Blue #22135B
- Majorelle Blue #5346B3
- Chefchaouen Blue #9493FF
- Anti-Flash White #F3F4FF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #22135B | rgb(34, 19, 91) | hsl(252, 65%, 22%) | oklch(26.3% 0.12 284) |
| Majorelle Blue | #5346B3 | rgb(83, 70, 179) | hsl(247, 44%, 49%) | oklch(47.1% 0.166 283.4) |
| Chefchaouen Blue | #9493FF | rgb(148, 147, 255) | hsl(241, 100%, 79%) | oklch(71.1% 0.155 282.1) |
| Anti-Flash White | #F3F4FF | rgb(243, 244, 255) | hsl(235, 100%, 98%) | oklch(97% 0.015 282) |
Accesibilidad
Los mejores pares de texto y fondo de Mixtape Rink, 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 |
|---|---|---|---|
| #F3F4FF sobre #22135B | 14.63:1 | AAA | Lc -98.3 |
| #F3F4FF sobre #5346B3 | 6.63:1 | AA | Lc -82.9 |
| #22135B sobre #9493FF | 6.00:1 | AA | Lc 48.7 |
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. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
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/22135b-5346b3-9493ff-f3f4ff.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.