Pumpkin and Quince Farbpalette
Pumpkin and Quince ist eine Palette aus 5 Farben, die auf Rottöne, Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#37000E, sehr dunkel) bis 90 % (#FFD6B7, sehr hell), und die gesättigtste Farbe, #37000E, ist mäßig gesättigt. 5 ihrer 5 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 herbst, warm, rot, dunkel und erdig.
- Jet #37000E
- Pakistan Green #392800
- Onyx #542A40
- Auburn #763E2E
- Lemon Meringue #FFD6B7
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #37000E | rgb(55, 0, 14) | hsl(345, 100%, 11%) | oklch(21.5% 0.086 12.5) |
| Pakistan Green | #392800 | rgb(57, 40, 0) | hsl(42, 100%, 11%) | oklch(28.9% 0.059 83.9) |
| Onyx | #542A40 | rgb(84, 42, 64) | hsl(329, 33%, 25%) | oklch(34.8% 0.069 348.6) |
| Auburn | #763E2E | rgb(118, 62, 46) | hsl(13, 44%, 32%) | oklch(43% 0.083 36.8) |
| Lemon Meringue | #FFD6B7 | rgb(255, 214, 183) | hsl(26, 100%, 86%) | oklch(90.3% 0.062 59) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Pumpkin and Quince, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFD6B7 auf #37000E | 13.31:1 | AAA | Lc -84.7 |
| #FFD6B7 auf #392800 | 10.53:1 | AAA | Lc -82.4 |
| #FFD6B7 auf #542A40 | 8.73:1 | AAA | Lc -79.0 |
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/37000e-392800-542a40-763e2e-ffd6b7.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.