Paleta de cores Porcelain Loft
Porcelain Loft é uma paleta de 5 cores baseada em roxos. Em OKLCH, a luminosidade vai de 70% (#A996AD, meio claro) a 94% (#F5E6FF, muito claro), e a cor mais saturada, #D2B8DD, é apagada. As cores têm croma baixo demais para pender para o quente ou para o frio. Nenhum dos seus 10 pares de cores atinge a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como claras, calmas, monocromáticas, gradiente e roxas.
- Cool Gray #A996AD
- French Gray #BCA6C4
- Silver #D2B8DD
- Cadet Gray #E3CFEE
- Gainsboro #F5E6FF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cool Gray | #A996AD | rgb(169, 150, 173) | hsl(290, 12%, 63%) | oklch(69.7% 0.039 320.4) |
| French Gray | #BCA6C4 | rgb(188, 166, 196) | hsl(284, 20%, 71%) | oklch(75.4% 0.049 317) |
| Silver | #D2B8DD | rgb(210, 184, 221) | hsl(282, 35%, 79%) | oklch(81.6% 0.058 315.9) |
| Cadet Gray | #E3CFEE | rgb(227, 207, 238) | hsl(279, 48%, 87%) | oklch(88% 0.047 313.7) |
| Gainsboro | #F5E6FF | rgb(245, 230, 255) | hsl(276, 100%, 95%) | oklch(94.4% 0.037 312.1) |
Acessibilidade
Os melhores pares de texto e fundo de Porcelain Loft, 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 |
|---|---|---|---|
| #F5E6FF sobre #A996AD | 2.31:1 | Reprovado | Lc -45.4 |
| #E3CFEE sobre #A996AD | 1.89:1 | Reprovado | Lc -32.0 |
| #F5E6FF sobre #BCA6C4 | 1.88:1 | Reprovado | Lc -36.0 |
Visão de cores
Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia.
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/a996ad-bca6c4-d2b8dd-e3cfee-f5e6ff.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.