Block Rally Farbpalette
Block Rally ist eine Palette aus 4 Farben, die auf Neutraltöne, Blautöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 18 % (#111111, sehr dunkel) bis 84 % (#FCBF49, hell), und die gesättigtste Farbe, #FCBF49, ist leuchtend. 2 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 2 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit business, blau, gelb und farbenblind-freundlich.
- Rich Navy #111111
- Prussian Blue #1D3557
- Cerulean #0077B6
- Maximum Yellow Red #FCBF49
Farbcodes
| Farbe | 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) |
| Maximum Yellow Red | #FCBF49 | rgb(252, 191, 73) | hsl(40, 97%, 64%) | oklch(84% 0.147 80.5) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Block Rally, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #111111 auf #FCBF49 | 11.41:1 | AAA | Lc 74.4 |
| #FCBF49 auf #1D3557 | 7.47:1 | AAA | Lc -67.7 |
| #111111 auf #0077B6 | 3.88:1 | AA groß | Lc 30.3 |
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/111111-1d3557-0077b6-fcbf49.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.