Paleta de colores Pomelo Slice
Pomelo Slice es una paleta de 4 colores que se apoya en marrones y naranjas. En OKLCH, su luminosidad va del 20% (#2B0B00, muy oscuro) al 91% (#FFD7C6, muy claro), y su color más saturado, #E86C31, es vívido. 4 de sus 4 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, verano, monocromáticos, degradados, naranjas y aptos para daltonismo.
ComidaVeranoMonocromáticosDegradadosNaranjasAptos para daltonismo
- Jet #2B0B00
- Auburn #893300
- Burnt Sienna #E86C31
- Apricot #FFD7C6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #2B0B00 | rgb(43, 11, 0) | hsl(15, 100%, 8%) | oklch(20.2% 0.059 44.1) |
| Auburn | #893300 | rgb(137, 51, 0) | hsl(22, 100%, 27%) | oklch(43.8% 0.129 43.4) |
| Burnt Sienna | #E86C31 | rgb(232, 108, 49) | hsl(19, 80%, 55%) | oklch(67.2% 0.169 43.5) |
| Apricot | #FFD7C6 | rgb(255, 215, 198) | hsl(18, 100%, 89%) | oklch(90.9% 0.051 44.3) |
Accesibilidad
Los mejores pares de texto y fondo de Pomelo Slice, 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 |
|---|---|---|---|
| #FFD7C6 sobre #2B0B00 | 13.72:1 | AAA | Lc -86.3 |
| #FFD7C6 sobre #893300 | 6.22:1 | AA | Lc -72.0 |
| #2B0B00 sobre #E86C31 | 5.75:1 | AA | Lc 44.4 |
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/2b0b00-893300-e86c31-ffd7c6.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.