Paleta de colores Paprika Hour
Paprika Hour es una paleta de 5 colores que se apoya en morados, rojos, naranjas y neutros. En OKLCH, su luminosidad va del 26% (#2B1B3D, oscuro) al 99% (#FFFAEF, muy claro), y su color más saturado, #F8B26A, es moderadamente saturado. 2 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 atardecer, cálidos y morados.
- Oxford Blue #2B1B3D
- Purple #5B2A63
- Tiger's Eye #BD694E
- Sandy Brown #F8B26A
- Seashell #FFFAEF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #2B1B3D | rgb(43, 27, 61) | hsl(268, 39%, 17%) | oklch(26% 0.064 304) |
| Purple | #5B2A63 | rgb(91, 42, 99) | hsl(292, 40%, 28%) | oklch(37.6% 0.108 321.8) |
| Tiger's Eye | #BD694E | rgb(189, 105, 78) | hsl(15, 46%, 52%) | oklch(61% 0.115 38.5) |
| Sandy Brown | #F8B26A | rgb(248, 178, 106) | hsl(30, 91%, 69%) | oklch(81.5% 0.121 65.5) |
| Seashell | #FFFAEF | rgb(255, 250, 239) | hsl(41, 100%, 97%) | oklch(98.6% 0.015 86.4) |
Accesibilidad
Los mejores pares de texto y fondo de Paprika Hour, 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 |
|---|---|---|---|
| #FFFAEF sobre #2B1B3D | 15.20:1 | AAA | Lc -102.2 |
| #FFFAEF sobre #5B2A63 | 10.31:1 | AAA | Lc -95.3 |
| #2B1B3D sobre #F8B26A | 8.72:1 | AAA | Lc 66.8 |
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/2b1b3d-5b2a63-bd694e-f8b26a-fffaef.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.