Bubbles
#E4FFFF
Likes
17
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #E4FFFF;
--c-vibrant-2: #E63410;
--c-vibrant-3: #A23737;
--c-vibrant-4: #FFEC40;
--c-vibrant-5: #81913B;
--c-vibrant-6: #26F675;
--c-vibrant-7: #4C714E;
--c-vibrant-8: #40EBDA;
--c-vibrant-9: #394E4E;
--c-vibrant-10: #0A0A0A;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Bubbles (#E4FFFF) bis zum dunkelsten Ton Existential Angst (#0A0A0A). Sie vereint Bubbles, Vulcan Fire, Hibiscus Red, Hollandaise, Wasabi Nuts, Synthetic Spearmint, Fairway, Fresh Turquoise, Night Watch und Existential Angst in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E4FFFF auf #0A0A0A mit 18,9:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Vulcan Fire
#E63410
Hibiscus Red
#A23737
Hollandaise
#FFEC40
Wasabi Nuts
#81913B
Synthetic Spearmint
#26F675
Fairway
#4C714E
Fresh Turquoise
#40EBDA
Night Watch
#394E4E
Existential Angst
#0A0A0A
Kontrast & Barrierefreiheit
16 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E4FFFF auf #0A0A0A
18,90:1
AAA
Aa
#FFEC40 auf #0A0A0A
16,33:1
AAA
Aa
#26F675 auf #0A0A0A
13,69:1
AAA
Aa
#40EBDA auf #0A0A0A
13,31:1
AAA
Aa
#E4FFFF auf #394E4E
8,45:1
AAA
Aa
#FFEC40 auf #394E4E
7,30:1
AAA
Aa
#E4FFFF auf #A23737
6,39:1
AA
Aa
#26F675 auf #394E4E
6,12:1
AA
Aa
#40EBDA auf #394E4E
5,95:1
AA
Aa
#81913B auf #0A0A0A
5,70:1
AA
Aa
#A23737 auf #FFEC40
5,52:1
AA
Aa
#E4FFFF auf #4C714E
5,30:1
AA
Aa
#A23737 auf #26F675
4,63:1
AA
Aa
#E63410 auf #0A0A0A
4,58:1
AA
Aa
#FFEC40 auf #4C714E
4,58:1
AA
Aa
#A23737 auf #40EBDA
4,50:1
AA
Aa
#E4FFFF auf #E63410
4,12:1
AA (großer Text)
Aa
#26F675 auf #4C714E
3,84:1
AA (großer Text)
Aa
#4C714E auf #40EBDA
3,73:1
AA (großer Text)
Aa
#E63410 auf #FFEC40
3,56:1
AA (großer Text)
Aa
#4C714E auf #0A0A0A
3,56:1
AA (großer Text)
Aa
#E4FFFF auf #81913B
3,32:1
AA (großer Text)
Aa
#E63410 auf #26F675
2,99:1
Nicht bestanden
Aa
#A23737 auf #0A0A0A
2,96:1
Nicht bestanden
Aa
#E63410 auf #40EBDA
2,90:1
Nicht bestanden
Aa
#FFEC40 auf #81913B
2,87:1
Nicht bestanden
Aa
#81913B auf #394E4E
2,55:1
Nicht bestanden
Aa
#81913B auf #26F675
2,40:1
Nicht bestanden
Aa
#81913B auf #40EBDA
2,33:1
Nicht bestanden
Aa
#394E4E auf #0A0A0A
2,24:1
Nicht bestanden
Aa
#E63410 auf #394E4E
2,05:1
Nicht bestanden
Aa
#A23737 auf #81913B
1,93:1
Nicht bestanden
Aa
#81913B auf #4C714E
1,60:1
Nicht bestanden
Aa
#4C714E auf #394E4E
1,59:1
Nicht bestanden
Aa
#E63410 auf #A23737
1,55:1
Nicht bestanden
Aa
#E4FFFF auf #40EBDA
1,42:1
Nicht bestanden
Aa
#E4FFFF auf #26F675
1,38:1
Nicht bestanden
Aa
#A23737 auf #394E4E
1,32:1
Nicht bestanden
Aa
#E63410 auf #4C714E
1,29:1
Nicht bestanden
Aa
#E63410 auf #81913B
1,24:1
Nicht bestanden
Aa
#FFEC40 auf #40EBDA
1,23:1
Nicht bestanden
Aa
#A23737 auf #4C714E
1,20:1
Nicht bestanden
Aa
#FFEC40 auf #26F675
1,19:1
Nicht bestanden
Aa
#E4FFFF auf #FFEC40
1,16:1
Nicht bestanden
Aa
#26F675 auf #40EBDA
1,03: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