Kumquat Peel Farbpalette
Kumquat Peel ist eine Palette aus 5 Farben, die auf Grüntöne, Gelbtöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 34 % (#244010, dunkel) bis 99 % (#FFFBE6, sehr hell), und die gesättigtste Farbe, #8DB600, ist leuchtend. 2 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, sommer, grün, warm und erdig.
- Pakistan Green #244010
- Muted Teal #8DB600
- Saffron #FFB875
- Cornsilk #FFF3B0
- Cornsilk #FFFBE6
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #244010 | rgb(36, 64, 16) | hsl(95, 60%, 16%) | oklch(33.7% 0.081 134.7) |
| Muted Teal | #8DB600 | rgb(141, 182, 0) | hsl(74, 100%, 36%) | oklch(72% 0.179 124.3) |
| Saffron | #FFB875 | rgb(255, 184, 117) | hsl(29, 100%, 73%) | oklch(83.5% 0.117 63.4) |
| Cornsilk | #FFF3B0 | rgb(255, 243, 176) | hsl(51, 100%, 85%) | oklch(95.8% 0.086 99.2) |
| Cornsilk | #FFFBE6 | rgb(255, 251, 230) | hsl(50, 100%, 95%) | oklch(98.6% 0.028 98.1) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Kumquat Peel, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFFBE6 auf #244010 | 11.12:1 | AAA | Lc -97.1 |
| #FFF3B0 auf #244010 | 10.30:1 | AAA | Lc -91.4 |
| #FFB875 auf #244010 | 6.81:1 | AA | Lc -64.9 |
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/244010-8db600-ffb875-fff3b0-fffbe6.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.