Palace Purple
#674577
Likes
133
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #674577;
--c-vibrant-2: #64B9CA;
--c-vibrant-3: #FFA3D6;
--c-vibrant-4: #FFEBE5;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Peach Breeze (#FFEBE5) bis zum dunkelsten Ton Palace Purple (#674577). Sie vereint Palace Purple, Delusional Dragonfly, Corinthian Pink und Peach Breeze in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #674577 auf #FFEBE5 mit 6,78:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Delusional Dragonfly
#64B9CA
Corinthian Pink
#FFA3D6
Peach Breeze
#FFEBE5
Kontrast & Barrierefreiheit
1 von 6 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#674577 auf #FFEBE5
6,78:1
AA
Aa
#674577 auf #FFA3D6
4,25:1
AA (großer Text)
Aa
#674577 auf #64B9CA
3,46:1
AA (großer Text)
Aa
#64B9CA auf #FFEBE5
1,96:1
Nicht bestanden
Aa
#FFA3D6 auf #FFEBE5
1,59:1
Nicht bestanden
Aa
#64B9CA auf #FFA3D6
1,23: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