Eggplant
#45013B
Likes
14
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #45013B;
--c-vibrant-2: #53298A;
--c-vibrant-3: #726FD1;
--c-vibrant-4: #AADEFA;
--c-vibrant-5: #E2FCF3;
--c-vibrant-6: #98E698;
--c-vibrant-7: #86CC58;
--c-vibrant-8: #818F1B;
--c-vibrant-9: #63520C;
--c-vibrant-10: #402201;
--c-vibrant-11: #2B0A04;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Mint Condition (#E2FCF3) bis zum dunkelsten Ton Root Brew (#2B0A04). Sie vereint Eggplant, KSU Purple, C64 Purple, Droplet, Mint Condition, Granny Smith Apple, Fairy Tale Green, Foggy Bog, Olive Brown, Blackened Brown und Root Brew in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E2FCF3 auf #2B0A04 mit 16,95:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
KSU Purple
#53298A
C64 Purple
#726FD1
Droplet
#AADEFA
Mint Condition
#E2FCF3
Granny Smith Apple
#98E698
Fairy Tale Green
#86CC58
Foggy Bog
#818F1B
Olive Brown
#63520C
Blackened Brown
#402201
Root Brew
#2B0A04
Kontrast & Barrierefreiheit
20 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E2FCF3 auf #2B0A04
16,95:1
AAA
Aa
#45013B auf #E2FCF3
14,73:1
AAA
Aa
#E2FCF3 auf #402201
13,44:1
AAA
Aa
#AADEFA auf #2B0A04
12,67:1
AAA
Aa
#98E698 auf #2B0A04
12,29:1
AAA
Aa
#45013B auf #AADEFA
11,01:1
AAA
Aa
#45013B auf #98E698
10,68:1
AAA
Aa
#AADEFA auf #402201
10,05:1
AAA
Aa
#98E698 auf #402201
9,75:1
AAA
Aa
#53298A auf #E2FCF3
9,48:1
AAA
Aa
#86CC58 auf #2B0A04
9,40:1
AAA
Aa
#45013B auf #86CC58
8,17:1
AAA
Aa
#86CC58 auf #402201
7,46:1
AAA
Aa
#E2FCF3 auf #63520C
7,09:1
AAA
Aa
#53298A auf #AADEFA
7,08:1
AAA
Aa
#53298A auf #98E698
6,87:1
AA
Aa
#AADEFA auf #63520C
5,30:1
AA
Aa
#53298A auf #86CC58
5,26:1
AA
Aa
#98E698 auf #63520C
5,14:1
AA
Aa
#818F1B auf #2B0A04
5,12:1
AA
Aa
#45013B auf #818F1B
4,45:1
AA (großer Text)
Aa
#726FD1 auf #2B0A04
4,28:1
AA (großer Text)
Aa
#818F1B auf #402201
4,06:1
AA (großer Text)
Aa
#726FD1 auf #E2FCF3
3,96:1
AA (großer Text)
Aa
#86CC58 auf #63520C
3,93:1
AA (großer Text)
Aa
#45013B auf #726FD1
3,72:1
AA (großer Text)
Aa
#726FD1 auf #402201
3,39:1
AA (großer Text)
Aa
#E2FCF3 auf #818F1B
3,31:1
AA (großer Text)
Aa
#726FD1 auf #AADEFA
2,96:1
Nicht bestanden
Aa
#726FD1 auf #98E698
2,87:1
Nicht bestanden
Aa
#53298A auf #818F1B
2,86:1
Nicht bestanden
Aa
#AADEFA auf #818F1B
2,47:1
Nicht bestanden
Aa
#98E698 auf #818F1B
2,40:1
Nicht bestanden
Aa
#53298A auf #726FD1
2,39:1
Nicht bestanden
Aa
#63520C auf #2B0A04
2,39:1
Nicht bestanden
Aa
#726FD1 auf #86CC58
2,20:1
Nicht bestanden
Aa
#818F1B auf #63520C
2,14:1
Nicht bestanden
Aa
#45013B auf #63520C
2,08:1
Nicht bestanden
Aa
#63520C auf #402201
1,90:1
Nicht bestanden
Aa
#86CC58 auf #818F1B
1,84:1
Nicht bestanden
Aa
#E2FCF3 auf #86CC58
1,80:1
Nicht bestanden
Aa
#53298A auf #2B0A04
1,79:1
Nicht bestanden
Aa
#726FD1 auf #63520C
1,79:1
Nicht bestanden
Aa
#45013B auf #53298A
1,55:1
Nicht bestanden
Aa
#53298A auf #402201
1,42:1
Nicht bestanden
Aa
#E2FCF3 auf #98E698
1,38:1
Nicht bestanden
Aa
#AADEFA auf #86CC58
1,35:1
Nicht bestanden
Aa
#53298A auf #63520C
1,34:1
Nicht bestanden
Aa
#AADEFA auf #E2FCF3
1,34:1
Nicht bestanden
Aa
#98E698 auf #86CC58
1,31:1
Nicht bestanden
Aa
#402201 auf #2B0A04
1,26:1
Nicht bestanden
Aa
#726FD1 auf #818F1B
1,20:1
Nicht bestanden
Aa
#45013B auf #2B0A04
1,15:1
Nicht bestanden
Aa
#45013B auf #402201
1,10:1
Nicht bestanden
Aa
#AADEFA auf #98E698
1,03:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022