Paleta de cores Pinnacle Report
Pinnacle Report é uma paleta de 4 cores baseada em azuis e neutros. Em OKLCH, a luminosidade vai de 21% (#001733, muito escuro) a 95% (#E4EEFF, muito claro), e a cor mais saturada, #1C58A1, é moderadamente saturada. 3 das suas 3 cores cromáticas ficam no lado frio do círculo cromático. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como corporativas, frias, monocromáticas, gradiente, azuis e para daltonismo.
CorporativasFriasMonocromáticasGradienteAzuisPara daltonismo
- Rich Black #001733
- Steel Blue #1C58A1
- Chefchaouen Blue #6DA1F2
- Gainsboro #E4EEFF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #001733 | rgb(0, 23, 51) | hsl(213, 100%, 10%) | oklch(20.5% 0.064 253.2) |
| Steel Blue | #1C58A1 | rgb(28, 88, 161) | hsl(213, 70%, 37%) | oklch(46.3% 0.133 255.8) |
| Chefchaouen Blue | #6DA1F2 | rgb(109, 161, 242) | hsl(217, 84%, 69%) | oklch(70.7% 0.132 259) |
| Gainsboro | #E4EEFF | rgb(228, 238, 255) | hsl(218, 100%, 95%) | oklch(94.7% 0.025 261.1) |
Acessibilidade
Os melhores pares de texto e fundo de Pinnacle Report, 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 |
|---|---|---|---|
| #E4EEFF sobre #001733 | 15.36:1 | AAA | Lc -95.1 |
| #001733 sobre #6DA1F2 | 6.86:1 | AA | Lc 51.6 |
| #E4EEFF sobre #1C58A1 | 6.07:1 | AA | 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/001733-1c58a1-6da1f2-e4eeff.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.