Paleta de colores Pinnacle Report
Pinnacle Report es una paleta de 4 colores que se apoya en azules y neutros. En OKLCH, su luminosidad va del 21% (#001733, muy oscuro) al 95% (#E4EEFF, muy claro), y su color más saturado, #1C58A1, es moderadamente saturado. 3 de sus 3 colores cromáticos están en el lado frío de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como corporativos, fríos, monocromáticos, degradados, azules y aptos para daltonismo.
CorporativosFríosMonocromáticosDegradadosAzulesAptos para daltonismo
- Rich Black #001733
- Steel Blue #1C58A1
- Chefchaouen Blue #6DA1F2
- Gainsboro #E4EEFF
Códigos de color
| Color | 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) |
Accesibilidad
Los mejores pares de texto y fondo de Pinnacle Report, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | 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 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/001733-1c58a1-6da1f2-e4eeff.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.