Macaron Cloud Farbpalette
Macaron Cloud ist eine Palette aus 5 Farben, die auf Türkis- und Cyantöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 66 % (#809990, mittelhell) bis 96 % (#EAF5F1, sehr hell), und die gesättigtste Farbe, #9DDCC7, ist mäßig gesättigt. 2 ihrer 2 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 0 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit pastell, hell, türkis, grau, kalt und neutral.
- Slate Gray #809990
- French Gray #A2BAB2
- Tiffany Blue #9DDCC7
- Pale Silver #D4E5DF
- Anti-Flash White #EAF5F1
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Slate Gray | #809990 | rgb(128, 153, 144) | hsl(158, 11%, 55%) | oklch(66.1% 0.031 171.5) |
| French Gray | #A2BAB2 | rgb(162, 186, 178) | hsl(160, 15%, 68%) | oklch(76.8% 0.029 173.5) |
| Tiffany Blue | #9DDCC7 | rgb(157, 220, 199) | hsl(160, 47%, 74%) | oklch(84.6% 0.071 171.9) |
| Pale Silver | #D4E5DF | rgb(212, 229, 223) | hsl(159, 25%, 86%) | oklch(90.7% 0.02 172.7) |
| Anti-Flash White | #EAF5F1 | rgb(234, 245, 241) | hsl(158, 35%, 94%) | oklch(96.1% 0.013 172.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Macaron Cloud, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #EAF5F1 auf #809990 | 2.74:1 | Nicht bestanden | Lc -54.5 |
| #D4E5DF auf #809990 | 2.34:1 | Nicht bestanden | Lc -43.5 |
| #9DDCC7 auf #809990 | 1.96:1 | Nicht bestanden | Lc -32.5 |
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/809990-a2bab2-9ddcc7-d4e5df-eaf5f1.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.