Butter Cake
#FFFF4E
Likes
4
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #FFFF4E;
--c-vibrant-2: #FECE84;
--c-vibrant-3: #E59C7B;
--c-vibrant-4: #F5704B;
--c-vibrant-5: #A86577;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Butter Cake (#FFFF4E) bis zum dunkelsten Ton Heather Rose (#A86577). Sie vereint Butter Cake, Equatorial, Les Demoiselles d’Avignon, Fiery Sky und Heather Rose in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Equatorial
#FECE84
Les Demoiselles d’Avignon
#E59C7B
Fiery Sky
#F5704B
Heather Rose
#A86577
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFF4E auf #A86577
4,10:1
AA (großer Text)
Aa
#FECE84 auf #A86577
3,00:1
AA (großer Text)
Aa
#FFFF4E auf #F5704B
2,69:1
Nicht bestanden
Aa
#FFFF4E auf #E59C7B
2,10:1
Nicht bestanden
Aa
#FECE84 auf #F5704B
1,97:1
Nicht bestanden
Aa
#E59C7B auf #A86577
1,96:1
Nicht bestanden
Aa
#FECE84 auf #E59C7B
1,53:1
Nicht bestanden
Aa
#F5704B auf #A86577
1,52:1
Nicht bestanden
Aa
#FFFF4E auf #FECE84
1,37:1
Nicht bestanden
Aa
#E59C7B auf #F5704B
1,28: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