Paleta de colores Raspberry Quartz
Raspberry Quartz es una paleta de 5 colores que se apoya en morados, rojos, marrones y rosados. En OKLCH, su luminosidad va del 20% (#2E0020, muy oscuro) al 94% (#FFE1E6, muy claro), y su color más saturado, #540802, es moderadamente saturado. 4 de sus 5 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 boda, cálidos, rojos y oscuros.
- Rich Black #2E0020
- Maroon #540802
- Maroon #5E2D00
- Dusty Grape #694075
- Apricot #FFE1E6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #2E0020 | rgb(46, 0, 32) | hsl(318, 100%, 9%) | oklch(20.2% 0.086 343.5) |
| Maroon | #540802 | rgb(84, 8, 2) | hsl(4, 95%, 17%) | oklch(28.7% 0.108 30.8) |
| Maroon | #5E2D00 | rgb(94, 45, 0) | hsl(29, 100%, 18%) | oklch(35.6% 0.088 55.1) |
| Dusty Grape | #694075 | rgb(105, 64, 117) | hsl(286, 29%, 35%) | oklch(44.1% 0.097 318.3) |
| Apricot | #FFE1E6 | rgb(255, 225, 230) | hsl(350, 100%, 94%) | oklch(93.6% 0.034 6.4) |
Accesibilidad
Los mejores pares de texto y fondo de Raspberry Quartz, 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 |
|---|---|---|---|
| #FFE1E6 sobre #2E0020 | 15.10:1 | AAA | Lc -91.8 |
| #FFE1E6 sobre #540802 | 12.15:1 | AAA | Lc -88.7 |
| #FFE1E6 sobre #5E2D00 | 9.27:1 | AAA | Lc -84.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.
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/2e0020-540802-5e2d00-694075-ffe1e6.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.