Mauve Fade Farbpalette
Mauve Fade ist eine Palette aus 4 Farben, die auf Rottöne, Rosatöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 25 % (#3E0B2A, dunkel) bis 97 % (#FFF1F9, sehr hell), und die gesättigtste Farbe, #924271, ist mäßig gesättigt. 3 ihrer 3 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit sonnenuntergang, monochrom, farbverlauf, rosa, warm und farbenblind-freundlich.
SonnenuntergangMonochromFarbverlaufRosaWarmFarbenblind-freundlich
- Jet #3E0B2A
- Auburn #924271
- Sweet Salmon #DA8AB9
- Seashell #FFF1F9
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #3E0B2A | rgb(62, 11, 42) | hsl(324, 70%, 14%) | oklch(25.4% 0.087 347.7) |
| Auburn | #924271 | rgb(146, 66, 113) | hsl(325, 38%, 42%) | oklch(49.8% 0.122 346.1) |
| Sweet Salmon | #DA8AB9 | rgb(218, 138, 185) | hsl(325, 52%, 70%) | oklch(73% 0.114 344.2) |
| Seashell | #FFF1F9 | rgb(255, 241, 249) | hsl(326, 100%, 97%) | oklch(97.1% 0.018 342) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Mauve Fade, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF1F9 auf #3E0B2A | 14.93:1 | AAA | Lc -98.5 |
| #3E0B2A auf #DA8AB9 | 6.47:1 | AA | Lc 51.3 |
| #FFF1F9 auf #924271 | 5.93:1 | AA | Lc -80.0 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
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/3e0b2a-924271-da8ab9-fff1f9.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.