Rich Bordeaux
#524343
Likes
11
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #524343;
--c-vibrant-2: #DB372D;
--c-vibrant-3: #FF9B59;
--c-vibrant-4: #FFE7A6;
--c-vibrant-5: #FFFFFF;
--c-vibrant-6: #FFE9E8;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Rich Bordeaux (#524343). Sie vereint Rich Bordeaux, Poinciana, Honey Carrot Cake, Sun Drenched, White und Pink Sparkle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #524343 auf #FFFFFF mit 9,36:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Poinciana
#DB372D
Honey Carrot Cake
#FF9B59
Sun Drenched
#FFE7A6
White
#FFFFFF
Pink Sparkle
#FFE9E8
Kontrast & Barrierefreiheit
5 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#524343 auf #FFFFFF
9,36:1
AAA
Aa
#524343 auf #FFE9E8
8,06:1
AAA
Aa
#524343 auf #FFE7A6
7,68:1
AAA
Aa
#DB372D auf #FFFFFF
4,57:1
AA
Aa
#524343 auf #FF9B59
4,50:1
AA
Aa
#DB372D auf #FFE9E8
3,93:1
AA (großer Text)
Aa
#DB372D auf #FFE7A6
3,75:1
AA (großer Text)
Aa
#DB372D auf #FF9B59
2,19:1
Nicht bestanden
Aa
#FF9B59 auf #FFFFFF
2,08:1
Nicht bestanden
Aa
#524343 auf #DB372D
2,05:1
Nicht bestanden
Aa
#FF9B59 auf #FFE9E8
1,79:1
Nicht bestanden
Aa
#FF9B59 auf #FFE7A6
1,71:1
Nicht bestanden
Aa
#FFE7A6 auf #FFFFFF
1,22:1
Nicht bestanden
Aa
#FFFFFF auf #FFE9E8
1,16:1
Nicht bestanden
Aa
#FFE7A6 auf #FFE9E8
1,05: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