Paleta de colores Cranberry and Rhubarb
Cranberry and Rhubarb es una paleta de 5 colores que se apoya en rojos, morados, verdes, rosados y neutros. En OKLCH, su luminosidad va del 28% (#4A0E2B, oscuro) al 97% (#FFF1F3, muy claro), y su color más saturado, #698922, es moderadamente saturado. 3 de sus 4 colores cromáticos están en el lado cálido 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 comida, rosados y cálidos.
- Space Cadet #4A0E2B
- Purple #6B2D5C
- Olive #698922
- Mimi Pink #FFBCC7
- 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) |
| Purple | #6B2D5C | rgb(107, 45, 92) | hsl(315, 41%, 30%) | oklch(40.1% 0.108 337.7) |
| Olive | #698922 | rgb(105, 137, 34) | hsl(79, 60%, 34%) | oklch(58.5% 0.133 125.6) |
| Mimi Pink | #FFBCC7 | rgb(255, 188, 199) | hsl(350, 100%, 87%) | oklch(86% 0.078 7.9) |
| 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 Cranberry 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 |
| #FFBCC7 sobre #4A0E2B | 9.55:1 | AAA | Lc -73.0 |
| #FFF1F3 sobre #6B2D5C | 8.88:1 | AAA | Lc -89.3 |
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-6b2d5c-698922-ffbcc7-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.