Pinnacle Report Farbpalette
Pinnacle Report ist eine Palette aus 4 Farben, die auf Blautöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#001733, sehr dunkel) bis 95 % (#E4EEFF, sehr hell), und die gesättigtste Farbe, #1C58A1, ist mäßig gesättigt. 3 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit business, kalt, monochrom, farbverlauf, blau und farbenblind-freundlich.
- Rich Black #001733
- Steel Blue #1C58A1
- Chefchaouen Blue #6DA1F2
- Gainsboro #E4EEFF
Farbcodes
| Farbe | 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) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Pinnacle Report, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E4EEFF auf #001733 | 15.36:1 | AAA | Lc -95.1 |
| #001733 auf #6DA1F2 | 6.86:1 | AA | Lc 51.6 |
| #E4EEFF auf #1C58A1 | 6.07:1 | AA | Lc -77.5 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Im Code verwenden
Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/001733-1c58a1-6da1f2-e4eeff.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.