Paleta de cores Flag Rally
Flag Rally é uma paleta de 5 cores baseada em neutros, azuis e laranjas. Em OKLCH, a luminosidade vai de 18% (#111111, muito escuro) a 98% (#F1FAEE, muito claro), e a cor mais saturada, #F77F00, é vívida. 2 das suas 3 cores cromáticas ficam no lado frio do círculo cromático. 5 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como corporativas, azuis, laranjas e para daltonismo.
- Rich Navy #111111
- Prussian Blue #1D3557
- Cerulean #0077B6
- Orange Wheel #F77F00
- Honeydew #F1FAEE
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #111111 | rgb(17, 17, 17) | hsl(0, 0%, 7%) | oklch(17.8% 0 0) |
| Prussian Blue | #1D3557 | rgb(29, 53, 87) | hsl(215, 50%, 23%) | oklch(32.8% 0.068 257.3) |
| Cerulean | #0077B6 | rgb(0, 119, 182) | hsl(201, 100%, 36%) | oklch(54.6% 0.131 242.7) |
| Orange Wheel | #F77F00 | rgb(247, 127, 0) | hsl(31, 100%, 48%) | oklch(71.9% 0.179 54.4) |
| Honeydew | #F1FAEE | rgb(241, 250, 238) | hsl(105, 55%, 96%) | oklch(97.5% 0.018 137.8) |
Acessibilidade
Os melhores pares de texto e fundo de Flag Rally, 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 |
|---|---|---|---|
| #F1FAEE sobre #111111 | 17.67:1 | AAA | Lc -102.3 |
| #F1FAEE sobre #1D3557 | 11.56:1 | AAA | Lc -96.4 |
| #111111 sobre #F77F00 | 7.19:1 | AAA | Lc 52.8 |
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/111111-1d3557-0077b6-f77f00-f1faee.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.