Paleta de cores Taffy Swirl
Taffy Swirl é uma paleta de 4 cores baseada em neutros e roxos. Em OKLCH, a luminosidade vai de 66% (#988FA2, meio claro) a 96% (#F4F0F8, muito claro), e a cor mais saturada, #DDC7F7, é apagada. As cores têm croma baixo demais para pender para o quente ou para o frio. Nenhum dos seus 6 pares de cores atinge a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como pastel, claras, roxas, cinzas, calmas e neutros.
- Cool Gray #988FA2
- Cadet Gray #DDC7F7
- Light Gray #E4DDEB
- Anti-Flash White #F4F0F8
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cool Gray | #988FA2 | rgb(152, 143, 162) | hsl(268, 9%, 60%) | oklch(66.4% 0.03 306.9) |
| Cadet Gray | #DDC7F7 | rgb(221, 199, 247) | hsl(268, 75%, 87%) | oklch(86.3% 0.069 305.8) |
| Light Gray | #E4DDEB | rgb(228, 221, 235) | hsl(270, 26%, 89%) | oklch(90.7% 0.02 308.2) |
| Anti-Flash White | #F4F0F8 | rgb(244, 240, 248) | hsl(270, 36%, 96%) | oklch(96.1% 0.011 308.3) |
Acessibilidade
Os melhores pares de texto e fundo de Taffy Swirl, 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 |
|---|---|---|---|
| #F4F0F8 sobre #988FA2 | 2.75:1 | Reprovado | Lc -54.4 |
| #E4DDEB sobre #988FA2 | 2.33:1 | Reprovado | Lc -43.0 |
| #DDC7F7 sobre #988FA2 | 2.00:1 | Reprovado | Lc -33.4 |
Visão de cores
1 par de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação.
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/988fa2-ddc7f7-e4ddeb-f4f0f8.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.