Cherry Compote Farbpalette
Cherry Compote ist eine Palette aus 4 Farben, die auf Violetttöne, Rottöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 40 % (#6B2D5C, dunkel) bis 97 % (#FFF1F3, sehr hell), und die gesättigtste Farbe, #C73E6B, ist leuchtend. 3 ihrer 3 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 2 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit essen, kräftig, rosa, rot und warm.
- Purple #6B2D5C
- Auburn #8B1E4F
- Imperial Red #C73E6B
- Seashell #FFF1F3
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Purple | #6B2D5C | rgb(107, 45, 92) | hsl(315, 41%, 30%) | oklch(40.1% 0.108 337.7) |
| Auburn | #8B1E4F | rgb(139, 30, 79) | hsl(333, 64%, 33%) | oklch(43.1% 0.149 358.5) |
| Imperial Red | #C73E6B | rgb(199, 62, 107) | hsl(340, 55%, 51%) | oklch(57.3% 0.176 4.6) |
| Seashell | #FFF1F3 | rgb(255, 241, 243) | hsl(351, 100%, 97%) | oklch(97% 0.015 7.5) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Cherry Compote, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF1F3 auf #6B2D5C | 8.88:1 | AAA | Lc -89.3 |
| #FFF1F3 auf #8B1E4F | 7.98:1 | AAA | Lc -86.3 |
| #FFF1F3 auf #C73E6B | 4.42:1 | AA groß | Lc -70.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/6b2d5c-8b1e4f-c73e6b-fff1f3.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.