Poster Rally Farbpalette
Poster Rally ist eine Palette aus 5 Farben, die auf Blautöne, Rottöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 33 % (#1D3557, dunkel) bis 98 % (#F1FAEE, sehr hell), und die gesättigtste Farbe, #E63946, ist leuchtend. 3 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit kräftig, business, rot und warm.
- Prussian Blue #1D3557
- Imperial Red #E63946
- Orange Wheel #F77F00
- Maximum Yellow Red #FCBF49
- Honeydew #F1FAEE
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #1D3557 | rgb(29, 53, 87) | hsl(215, 50%, 23%) | oklch(32.8% 0.068 257.3) |
| Imperial Red | #E63946 | rgb(230, 57, 70) | hsl(355, 78%, 56%) | oklch(61.2% 0.208 22.2) |
| Orange Wheel | #F77F00 | rgb(247, 127, 0) | hsl(31, 100%, 48%) | oklch(71.9% 0.179 54.4) |
| Maximum Yellow Red | #FCBF49 | rgb(252, 191, 73) | hsl(40, 97%, 64%) | oklch(84% 0.147 80.5) |
| Honeydew | #F1FAEE | rgb(241, 250, 238) | hsl(105, 55%, 96%) | oklch(97.5% 0.018 137.8) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Poster Rally, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F1FAEE auf #1D3557 | 11.56:1 | AAA | Lc -96.4 |
| #FCBF49 auf #1D3557 | 7.47:1 | AAA | Lc -67.7 |
| #1D3557 auf #F77F00 | 4.70:1 | AA | Lc 45.4 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran.
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/1d3557-e63946-f77f00-fcbf49-f1faee.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.