Magenta Elephant
#DF0772
Likes
364
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #DF0772;
--c-vibrant-2: #FE546F;
--c-vibrant-3: #FF9E7D;
--c-vibrant-4: #FFD080;
--c-vibrant-5: #FFFDFF;
--c-vibrant-6: #0BFFE6;
--c-vibrant-7: #01CBCF;
--c-vibrant-8: #0188A5;
--c-vibrant-9: #3E3264;
--c-vibrant-10: #352A55;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton White as Heaven (#FFFDFF) bis zum dunkelsten Ton Purple Noir (#352A55). Sie vereint Magenta Elephant, Fiery Rose, Creamy Orange Blush, Bread and Butter, White as Heaven, Bright Aqua, Tilla Kari Mosque, Caribbean Sea, Minsk und Purple Noir in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFDFF auf #352A55 mit 12,86:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Fiery Rose
#FE546F
Creamy Orange Blush
#FF9E7D
Bread and Butter
#FFD080
White as Heaven
#FFFDFF
Bright Aqua
#0BFFE6
Tilla Kari Mosque
#01CBCF
Caribbean Sea
#0188A5
Minsk
#3E3264
Purple Noir
#352A55
Kontrast & Barrierefreiheit
11 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFDFF auf #352A55
12,86:1
AAA
Aa
#FFFDFF auf #3E3264
11,24:1
AAA
Aa
#0BFFE6 auf #352A55
10,20:1
AAA
Aa
#FFD080 auf #352A55
9,04:1
AAA
Aa
#0BFFE6 auf #3E3264
8,92:1
AAA
Aa
#FFD080 auf #3E3264
7,91:1
AAA
Aa
#FF9E7D auf #352A55
6,47:1
AA
Aa
#01CBCF auf #352A55
6,47:1
AA
Aa
#FF9E7D auf #3E3264
5,66:1
AA
Aa
#01CBCF auf #3E3264
5,66:1
AA
Aa
#DF0772 auf #FFFDFF
4,70:1
AA
Aa
#FE546F auf #352A55
4,16:1
AA (großer Text)
Aa
#FFFDFF auf #0188A5
4,09:1
AA (großer Text)
Aa
#DF0772 auf #0BFFE6
3,73:1
AA (großer Text)
Aa
#FE546F auf #3E3264
3,64:1
AA (großer Text)
Aa
#DF0772 auf #FFD080
3,31:1
AA (großer Text)
Aa
#0BFFE6 auf #0188A5
3,25:1
AA (großer Text)
Aa
#0188A5 auf #352A55
3,14:1
AA (großer Text)
Aa
#FE546F auf #FFFDFF
3,09:1
AA (großer Text)
Aa
#FFD080 auf #0188A5
2,88:1
Nicht bestanden
Aa
#0188A5 auf #3E3264
2,75:1
Nicht bestanden
Aa
#DF0772 auf #352A55
2,73:1
Nicht bestanden
Aa
#FE546F auf #0BFFE6
2,45:1
Nicht bestanden
Aa
#DF0772 auf #3E3264
2,39:1
Nicht bestanden
Aa
#DF0772 auf #FF9E7D
2,37:1
Nicht bestanden
Aa
#DF0772 auf #01CBCF
2,37:1
Nicht bestanden
Aa
#FE546F auf #FFD080
2,17:1
Nicht bestanden
Aa
#FF9E7D auf #0188A5
2,06:1
Nicht bestanden
Aa
#01CBCF auf #0188A5
2,06:1
Nicht bestanden
Aa
#FF9E7D auf #FFFDFF
1,99:1
Nicht bestanden
Aa
#FFFDFF auf #01CBCF
1,99:1
Nicht bestanden
Aa
#FF9E7D auf #0BFFE6
1,58:1
Nicht bestanden
Aa
#0BFFE6 auf #01CBCF
1,58:1
Nicht bestanden
Aa
#FE546F auf #FF9E7D
1,56:1
Nicht bestanden
Aa
#FE546F auf #01CBCF
1,56:1
Nicht bestanden
Aa
#DF0772 auf #FE546F
1,52:1
Nicht bestanden
Aa
#FFD080 auf #FFFDFF
1,42:1
Nicht bestanden
Aa
#FF9E7D auf #FFD080
1,40:1
Nicht bestanden
Aa
#FFD080 auf #01CBCF
1,40:1
Nicht bestanden
Aa
#FE546F auf #0188A5
1,32:1
Nicht bestanden
Aa
#FFFDFF auf #0BFFE6
1,26:1
Nicht bestanden
Aa
#DF0772 auf #0188A5
1,15:1
Nicht bestanden
Aa
#3E3264 auf #352A55
1,14:1
Nicht bestanden
Aa
#FFD080 auf #0BFFE6
1,13:1
Nicht bestanden
Aa
#FF9E7D auf #01CBCF
1,00: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