Pixie Powder
#2F0D85
Likes
33
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #2F0D85;
--c-vibrant-2: #481EA6;
--c-vibrant-3: #B466D9;
--c-vibrant-4: #F0E5F7;
--c-vibrant-5: #E1DFAF;
--c-vibrant-6: #E7A27A;
--c-vibrant-7: #E5304E;
--c-vibrant-8: #C41B38;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Holographic Lavender (#F0E5F7) bis zum dunkelsten Ton Pixie Powder (#2F0D85). Sie vereint Pixie Powder, Eine Kleine Nachtmusik, Rich Lilac, Holographic Lavender, Modern Zen, Orange Clay, Manganese Red und Ruby Passion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F0D85 auf #F0E5F7 mit 11,37:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Eine Kleine Nachtmusik
#481EA6
Rich Lilac
#B466D9
Holographic Lavender
#F0E5F7
Modern Zen
#E1DFAF
Orange Clay
#E7A27A
Manganese Red
#E5304E
Ruby Passion
#C41B38
Kontrast & Barrierefreiheit
7 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2F0D85 auf #F0E5F7
11,37:1
AAA
Aa
#2F0D85 auf #E1DFAF
10,13:1
AAA
Aa
#481EA6 auf #F0E5F7
8,58:1
AAA
Aa
#481EA6 auf #E1DFAF
7,64:1
AAA
Aa
#2F0D85 auf #E7A27A
6,49:1
AA
Aa
#481EA6 auf #E7A27A
4,89:1
AA
Aa
#F0E5F7 auf #C41B38
4,85:1
AA
Aa
#E1DFAF auf #C41B38
4,32:1
AA (großer Text)
Aa
#2F0D85 auf #B466D9
3,85:1
AA (großer Text)
Aa
#F0E5F7 auf #E5304E
3,55:1
AA (großer Text)
Aa
#2F0D85 auf #E5304E
3,21:1
AA (großer Text)
Aa
#E1DFAF auf #E5304E
3,16:1
AA (großer Text)
Aa
#B466D9 auf #F0E5F7
2,95:1
Nicht bestanden
Aa
#481EA6 auf #B466D9
2,90:1
Nicht bestanden
Aa
#E7A27A auf #C41B38
2,77:1
Nicht bestanden
Aa
#B466D9 auf #E1DFAF
2,63:1
Nicht bestanden
Aa
#481EA6 auf #E5304E
2,42:1
Nicht bestanden
Aa
#2F0D85 auf #C41B38
2,35:1
Nicht bestanden
Aa
#E7A27A auf #E5304E
2,02:1
Nicht bestanden
Aa
#481EA6 auf #C41B38
1,77:1
Nicht bestanden
Aa
#F0E5F7 auf #E7A27A
1,75:1
Nicht bestanden
Aa
#B466D9 auf #E7A27A
1,69:1
Nicht bestanden
Aa
#B466D9 auf #C41B38
1,64:1
Nicht bestanden
Aa
#E1DFAF auf #E7A27A
1,56:1
Nicht bestanden
Aa
#E5304E auf #C41B38
1,37:1
Nicht bestanden
Aa
#2F0D85 auf #481EA6
1,33:1
Nicht bestanden
Aa
#B466D9 auf #E5304E
1,20:1
Nicht bestanden
Aa
#F0E5F7 auf #E1DFAF
1,12:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50