Dandelion and Sorrel Farbpalette
Dandelion and Sorrel ist eine Palette aus 5 Farben, die auf Grüntöne, Violetttöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#182500, sehr dunkel) bis 94 % (#E6EFDC, sehr hell), und die gesättigtste Farbe, #B386DA, ist mäßig gesättigt. Ihre Farben haben zu wenig Chroma, um warm oder kühl zu wirken. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit natur, frühling, grün und violett.
- Pakistan Green #182500
- Dark Moss Green #53740C
- Cool Gray #B386DA
- Cadet Gray #DCC7EF
- Champagne #E6EFDC
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #182500 | rgb(24, 37, 0) | hsl(81, 100%, 7%) | oklch(24.3% 0.063 126.8) |
| Dark Moss Green | #53740C | rgb(83, 116, 12) | hsl(79, 81%, 25%) | oklch(51.5% 0.128 127.2) |
| Cool Gray | #B386DA | rgb(179, 134, 218) | hsl(272, 53%, 69%) | oklch(69.5% 0.128 308) |
| Cadet Gray | #DCC7EF | rgb(220, 199, 239) | hsl(272, 56%, 86%) | oklch(86% 0.059 308.8) |
| Champagne | #E6EFDC | rgb(230, 239, 220) | hsl(88, 37%, 90%) | oklch(94% 0.027 127.7) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Dandelion and Sorrel, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E6EFDC auf #182500 | 13.61:1 | AAA | Lc -93.0 |
| #DCC7EF auf #182500 | 10.33:1 | AAA | Lc -75.0 |
| #182500 auf #B386DA | 5.63:1 | AA | Lc 46.3 |
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/182500-53740c-b386da-dcc7ef-e6efdc.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.