Paleta de cores Amethyst Sachet
Amethyst Sachet é uma paleta de 5 cores baseada em vermelhos e roxos. Em OKLCH, a luminosidade vai de 25% (#3F0328, muito escuro) a 92% (#E8E0FF, muito claro), e a cor mais saturada, #9C63A3, é moderadamente saturada. 2 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como primavera, calmas, gradiente, roxas, rosas e para daltonismo.
- Jet #3F0328
- Purple #713063
- Lavender Gray #9C63A3
- French Gray #C49DDF
- Light Gray #E8E0FF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #3F0328 | rgb(63, 3, 40) | hsl(323, 91%, 13%) | oklch(24.7% 0.097 349) |
| Purple | #713063 | rgb(113, 48, 99) | hsl(313, 40%, 32%) | oklch(41.7% 0.113 336.5) |
| Lavender Gray | #9C63A3 | rgb(156, 99, 163) | hsl(293, 26%, 51%) | oklch(58.5% 0.115 323) |
| French Gray | #C49DDF | rgb(196, 157, 223) | hsl(275, 51%, 75%) | oklch(75.4% 0.101 311) |
| Light Gray | #E8E0FF | rgb(232, 224, 255) | hsl(255, 100%, 94%) | oklch(92.2% 0.043 297.4) |
Acessibilidade
Os melhores pares de texto e fundo de Amethyst Sachet, 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 |
|---|---|---|---|
| #E8E0FF sobre #3F0328 | 13.18:1 | AAA | Lc -88.0 |
| #3F0328 sobre #C49DDF | 7.36:1 | AAA | Lc 55.9 |
| #E8E0FF sobre #713063 | 7.17:1 | AAA | Lc -77.5 |
Visão de cores
Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. 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/3f0328-713063-9c63a3-c49ddf-e8e0ff.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.