Paleta de colores Persimmon and Paprika
Persimmon and Paprika es una paleta de 5 colores que se apoya en morados y neutros. En OKLCH, su luminosidad va del 19% (#180F20, muy oscuro) al 95% (#F0EAFF, muy claro), y su color más saturado, #84739B, es apagado. Sus colores tienen demasiado poco croma como para inclinarse hacia lo cálido o lo frío. 3 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, monocromáticos, degradados, morados y aptos para daltonismo.
AtardecerCálidosMonocromáticosDegradadosMoradosAptos para daltonismo
- Rich Black #180F20
- Dim Gray #4C3F5B
- Lavender Gray #84739B
- French Gray #B7ABCD
- Gainsboro #F0EAFF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #180F20 | rgb(24, 15, 32) | hsl(272, 36%, 9%) | oklch(18.9% 0.036 307.6) |
| Dim Gray | #4C3F5B | rgb(76, 63, 91) | hsl(268, 18%, 30%) | oklch(39.3% 0.049 305.5) |
| Lavender Gray | #84739B | rgb(132, 115, 155) | hsl(266, 17%, 53%) | oklch(58.6% 0.063 303.9) |
| French Gray | #B7ABCD | rgb(183, 171, 205) | hsl(261, 25%, 74%) | oklch(76.2% 0.05 301.3) |
| Gainsboro | #F0EAFF | rgb(240, 234, 255) | hsl(257, 100%, 96%) | oklch(94.8% 0.029 298.9) |
Accesibilidad
Los mejores pares de texto y fondo de Persimmon and Paprika, 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 |
|---|---|---|---|
| #F0EAFF sobre #180F20 | 15.88:1 | AAA | Lc -95.4 |
| #180F20 sobre #B7ABCD | 8.62:1 | AAA | Lc 60.6 |
| #F0EAFF sobre #4C3F5B | 8.26:1 | AAA | Lc -84.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. 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/180f20-4c3f5b-84739b-b7abcd-f0eaff.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.