Plum and Pomegranate Farbpalette
Plum and Pomegranate ist eine Palette aus 5 Farben, die auf Violetttöne, Gelbtöne, Rottöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 19 % (#25051B, sehr dunkel) bis 84 % (#FFB3C1, hell), und die gesättigtste Farbe, #F26D85, ist leuchtend. 4 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 essen, kräftig, rosa und warm.
- Rich Black #25051B
- Purple #6B2D5C
- Olive #7B934D
- Paradise Pink #F26D85
- Cherry Blossom Pink #FFB3C1
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #25051B | rgb(37, 5, 27) | hsl(319, 76%, 8%) | oklch(18.8% 0.064 342.3) |
| Purple | #6B2D5C | rgb(107, 45, 92) | hsl(315, 41%, 30%) | oklch(40.1% 0.108 337.7) |
| Olive | #7B934D | rgb(123, 147, 77) | hsl(81, 31%, 44%) | oklch(62.8% 0.1 124.7) |
| Paradise Pink | #F26D85 | rgb(242, 109, 133) | hsl(349, 84%, 69%) | oklch(70.1% 0.164 11.1) |
| Cherry Blossom Pink | #FFB3C1 | rgb(255, 179, 193) | hsl(349, 100%, 85%) | oklch(84.2% 0.09 7) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Plum and Pomegranate, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #25051B auf #FFB3C1 | 11.17:1 | AAA | Lc 73.0 |
| #25051B auf #F26D85 | 6.54:1 | AA | Lc 48.6 |
| #FFB3C1 auf #6B2D5C | 5.79:1 | AA | Lc -61.6 |
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/25051b-6b2d5c-7b934d-f26d85-ffb3c1.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.