Kumquat Twist Farbpalette
Kumquat Twist ist eine Palette aus 5 Farben, die auf Brauntöne, Grüntöne, Gelbtöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 31 % (#343100, dunkel) bis 94 % (#FFE9BB, sehr hell), und die gesättigtste Farbe, #A8CD55, ist leuchtend. 2 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 essen, sommer, grün und farbenblind-freundlich.
- Pakistan Green #343100
- Dark Moss Green #376C36
- Persian Green #33A478
- Saffron #A8CD55
- Champagne #FFE9BB
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #343100 | rgb(52, 49, 0) | hsl(57, 100%, 10%) | oklch(30.6% 0.065 105.9) |
| Dark Moss Green | #376C36 | rgb(55, 108, 54) | hsl(119, 33%, 32%) | oklch(48% 0.101 143.4) |
| Persian Green | #33A478 | rgb(51, 164, 120) | hsl(157, 53%, 42%) | oklch(64.4% 0.121 163.1) |
| Saffron | #A8CD55 | rgb(168, 205, 85) | hsl(79, 55%, 57%) | oklch(79.7% 0.153 124.2) |
| Champagne | #FFE9BB | rgb(255, 233, 187) | hsl(41, 100%, 87%) | oklch(94.1% 0.064 85.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Kumquat Twist, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFE9BB auf #343100 | 11.12:1 | AAA | Lc -89.7 |
| #A8CD55 auf #343100 | 7.27:1 | AAA | Lc -63.5 |
| #FFE9BB auf #376C36 | 5.24:1 | AA | Lc -73.1 |
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/343100-376c36-33a478-a8cd55-ffe9bb.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.