Paleta de cores Balloon Box
Balloon Box é uma paleta de 4 cores baseada em roxos. Em OKLCH, a luminosidade vai de 21% (#29013B, muito escuro) a 93% (#EFE0FF, muito claro), e a cor mais saturada, #75389A, é vívida. 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 infantis, ousadas, monocromáticas, gradiente, roxas e para daltonismo.
- Rich Black #29013B
- Grape #75389A
- Cool Gray #BA80E8
- Gainsboro #EFE0FF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #29013B | rgb(41, 1, 59) | hsl(281, 97%, 12%) | oklch(21.5% 0.105 312.1) |
| Grape | #75389A | rgb(117, 56, 154) | hsl(277, 47%, 41%) | oklch(46.6% 0.159 310.3) |
| Cool Gray | #BA80E8 | rgb(186, 128, 232) | hsl(273, 69%, 71%) | oklch(69.9% 0.158 308.6) |
| Gainsboro | #EFE0FF | rgb(239, 224, 255) | hsl(269, 100%, 94%) | oklch(92.8% 0.044 307.3) |
Acessibilidade
Os melhores pares de texto e fundo de Balloon Box, 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 |
|---|---|---|---|
| #EFE0FF sobre #29013B | 14.44:1 | AAA | Lc -89.9 |
| #29013B sobre #BA80E8 | 6.32:1 | AA | Lc 47.5 |
| #EFE0FF sobre #75389A | 6.02:1 | AA | Lc -74.1 |
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/29013b-75389a-ba80e8-efe0ff.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.