Cumin Rack Farbpalette
Cumin Rack ist eine Palette aus 5 Farben, die auf Brauntöne, Rottöne, Grüntöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 15 % (#190600, sehr dunkel) bis 98 % (#FFF9F0, sehr hell), und die gesättigtste Farbe, #E0701A, ist leuchtend. 3 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit essen, warm und orange.
- Rich Navy #190600
- Maroon #7B2D12
- Dark Moss Green #5A7A2A
- Burnt Sienna #E0701A
- Seashell #FFF9F0
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #190600 | rgb(25, 6, 0) | hsl(14, 100%, 5%) | oklch(15.4% 0.041 49.7) |
| Maroon | #7B2D12 | rgb(123, 45, 18) | hsl(15, 74%, 28%) | oklch(40.7% 0.115 38.4) |
| Dark Moss Green | #5A7A2A | rgb(90, 122, 42) | hsl(84, 49%, 32%) | oklch(53.7% 0.114 128.3) |
| Burnt Sienna | #E0701A | rgb(224, 112, 26) | hsl(26, 79%, 49%) | oklch(66.5% 0.165 51) |
| Seashell | #FFF9F0 | rgb(255, 249, 240) | hsl(36, 100%, 97%) | oklch(98.4% 0.014 78.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Cumin Rack, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF9F0 auf #190600 | 18.79:1 | AAA | Lc -104.0 |
| #FFF9F0 auf #7B2D12 | 9.01:1 | AAA | Lc -91.9 |
| #190600 auf #E0701A | 6.09:1 | AA | Lc 44.7 |
Farbsehen
1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander 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/190600-7b2d12-5a7a2a-e0701a-fff9f0.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.