Pumpkin and Harvest Farbpalette
Pumpkin and Harvest ist eine Palette aus 5 Farben, die auf Brauntöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 29 % (#4C1800, dunkel) bis 97 % (#FBF7CF, sehr hell), und die gesättigtste Farbe, #AE7136, ist mäßig gesättigt. 4 ihrer 5 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 herbst, warm, gelb, erdig und ruhig.
- Jet #4C1800
- Dark Moss Green #6A4F15
- Tiger's Eye #AE7136
- Muted Teal #ACC182
- Cornsilk #FBF7CF
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #4C1800 | rgb(76, 24, 0) | hsl(19, 100%, 15%) | oklch(28.9% 0.086 42.8) |
| Dark Moss Green | #6A4F15 | rgb(106, 79, 21) | hsl(41, 67%, 25%) | oklch(44.5% 0.081 82.3) |
| Tiger's Eye | #AE7136 | rgb(174, 113, 54) | hsl(30, 53%, 45%) | oklch(60.2% 0.107 62.2) |
| Muted Teal | #ACC182 | rgb(172, 193, 130) | hsl(80, 34%, 63%) | oklch(77.9% 0.088 123.4) |
| Cornsilk | #FBF7CF | rgb(251, 247, 207) | hsl(55, 85%, 90%) | oklch(96.9% 0.052 102.6) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Pumpkin and Harvest, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FBF7CF auf #4C1800 | 13.43:1 | AAA | Lc -97.4 |
| #4C1800 auf #ACC182 | 7.44:1 | AAA | Lc 60.9 |
| #FBF7CF auf #6A4F15 | 7.04:1 | AAA | Lc -84.8 |
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/4c1800-6a4f15-ae7136-acc182-fbf7cf.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.