Paleta de colores Plum and Rhubarb
Plum and Rhubarb es una paleta de 4 colores que se apoya en rojos y neutros. En OKLCH, su luminosidad va del 28% (#4A0E2B, oscuro) al 97% (#FFF1F3, muy claro), y su color más saturado, #C73E6B, es vívido. 3 de sus 3 colores cromáticos están en el lado cálido de la rueda cromática. 2 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, intensos, monocromáticos, rosados y rojos.
- Space Cadet #4A0E2B
- Imperial Red #C73E6B
- Paradise Pink #F26D85
- Seashell #FFF1F3
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #4A0E2B | rgb(74, 14, 43) | hsl(331, 68%, 17%) | oklch(28.1% 0.094 355.6) |
| Imperial Red | #C73E6B | rgb(199, 62, 107) | hsl(340, 55%, 51%) | oklch(57.3% 0.176 4.6) |
| Paradise Pink | #F26D85 | rgb(242, 109, 133) | hsl(349, 84%, 69%) | oklch(70.1% 0.164 11.1) |
| Seashell | #FFF1F3 | rgb(255, 241, 243) | hsl(351, 100%, 97%) | oklch(97% 0.015 7.5) |
Accesibilidad
Los mejores pares de texto y fondo de Plum and Rhubarb, 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 |
|---|---|---|---|
| #FFF1F3 sobre #4A0E2B | 13.77:1 | AAA | Lc -97.1 |
| #4A0E2B sobre #F26D85 | 5.26:1 | AA | Lc 44.9 |
| #FFF1F3 sobre #C73E6B | 4.42:1 | AA texto grande | Lc -70.9 |
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/4a0e2b-c73e6b-f26d85-fff1f3.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.