Paleta de cores Heather Garden
Heather Garden é uma paleta de 4 cores baseada em roxos. Em OKLCH, a luminosidade vai de 22% (#1B142F, muito escuro) a 93% (#ECE4FF, muito claro), e a cor mais saturada, #A091C7, é moderadamente saturada. As cores têm croma baixo demais para pender para o quente ou para o frio. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como primavera, calmas, monocromáticas, gradiente, roxas e para daltonismo.
- Rich Black #1B142F
- Dusty Grape #5A4E7D
- Cool Gray #A091C7
- Gainsboro #ECE4FF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #1B142F | rgb(27, 20, 47) | hsl(256, 40%, 13%) | oklch(21.6% 0.052 293.5) |
| Dusty Grape | #5A4E7D | rgb(90, 78, 125) | hsl(255, 23%, 40%) | oklch(45.6% 0.076 294.9) |
| Cool Gray | #A091C7 | rgb(160, 145, 199) | hsl(257, 33%, 67%) | oklch(68.9% 0.08 297) |
| Gainsboro | #ECE4FF | rgb(236, 228, 255) | hsl(258, 100%, 95%) | oklch(93.3% 0.037 299.2) |
Acessibilidade
Os melhores pares de texto e fundo de Heather Garden, 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 |
|---|---|---|---|
| #ECE4FF sobre #1B142F | 14.40:1 | AAA | Lc -91.6 |
| #1B142F sobre #A091C7 | 6.20:1 | AA | Lc 47.8 |
| #ECE4FF sobre #5A4E7D | 6.07:1 | AA | Lc -75.6 |
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/1b142f-5a4e7d-a091c7-ece4ff.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.