Galactic Purple
#4C3299
Likes
27
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #4C3299;
--c-vibrant-2: #EF833E;
--c-vibrant-3: #99D7D7;
--c-vibrant-4: #FFE17F;
--c-vibrant-5: #FFEAFF;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Fairy Bubblegum Cloud (#FFEAFF) bis zum dunkelsten Ton Galactic Purple (#4C3299). Sie vereint Galactic Purple, Goku Orange, In the Shallows, June Day und Fairy Bubblegum Cloud in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4C3299 auf #FFEAFF mit 8,3:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Goku Orange
#EF833E
In the Shallows
#99D7D7
June Day
#FFE17F
Fairy Bubblegum Cloud
#FFEAFF
Kontrast & Barrierefreiheit
3 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#4C3299 auf #FFEAFF
8,30:1
AAA
Aa
#4C3299 auf #FFE17F
7,34:1
AAA
Aa
#4C3299 auf #99D7D7
5,87:1
AA
Aa
#4C3299 auf #EF833E
3,59:1
AA (großer Text)
Aa
#EF833E auf #FFEAFF
2,31:1
Nicht bestanden
Aa
#EF833E auf #FFE17F
2,04:1
Nicht bestanden
Aa
#EF833E auf #99D7D7
1,63:1
Nicht bestanden
Aa
#99D7D7 auf #FFEAFF
1,41:1
Nicht bestanden
Aa
#99D7D7 auf #FFE17F
1,25:1
Nicht bestanden
Aa
#FFE17F auf #FFEAFF
1,13:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9