Paleta de cores Jack Feast
Jack Feast é uma paleta de 5 cores baseada em roxos, vermelhos e laranjas. Em OKLCH, a luminosidade vai de 21% (#200D30, muito escuro) a 92% (#F4E3C3, muito claro), e a cor mais saturada, #E4570E, é vívida. 3 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 4 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como halloween, vermelhas, quentes e para daltonismo.
- Rich Black #200D30
- Prussian Blue #4B2A6B
- Maroon #90001A
- Orange Pant #E4570E
- Champagne #F4E3C3
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #200D30 | rgb(32, 13, 48) | hsl(273, 57%, 12%) | oklch(20.9% 0.068 306.4) |
| Prussian Blue | #4B2A6B | rgb(75, 42, 107) | hsl(270, 44%, 29%) | oklch(36% 0.111 304.9) |
| Maroon | #90001A | rgb(144, 0, 26) | hsl(349, 100%, 28%) | oklch(41.2% 0.166 23) |
| Orange Pant | #E4570E | rgb(228, 87, 14) | hsl(20, 88%, 47%) | oklch(63.5% 0.189 41.4) |
| Champagne | #F4E3C3 | rgb(244, 227, 195) | hsl(39, 69%, 86%) | oklch(92.1% 0.046 83.3) |
Acessibilidade
Os melhores pares de texto e fundo de Jack Feast, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.
| Par | WCAG 2 | Nível | APCA Lc |
|---|---|---|---|
| #F4E3C3 sobre #200D30 | 14.31:1 | AAA | Lc -89.8 |
| #F4E3C3 sobre #4B2A6B | 9.02:1 | AAA | Lc -82.7 |
| #F4E3C3 sobre #90001A | 7.55:1 | AAA | Lc -77.1 |
Visão de cores
1 par de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
Use no seu código
Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/200d30-4b2a6b-90001a-e4570e-f4e3c3.json.
Faça dela a sua
Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.