Herbal Vapours
#D9FFD3
Likes
24
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #D9FFD3;
--c-vibrant-2: #EDE969;
--c-vibrant-3: #DE804D;
--c-vibrant-4: #B33131;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Herbal Vapours (#D9FFD3) bis zum dunkelsten Ton Red Contrast (#B33131). Sie vereint Herbal Vapours, Limelight, Seraphim Sepia und Red Contrast in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D9FFD3 auf #B33131 mit 5,64:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Limelight
#EDE969
Seraphim Sepia
#DE804D
Red Contrast
#B33131
Kontrast & Barrierefreiheit
2 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#D9FFD3 auf #B33131
5,64:1
AA
Aa
#EDE969 auf #B33131
4,84:1
AA
Aa
#D9FFD3 auf #DE804D
2,63:1
Nicht bestanden
Aa
#EDE969 auf #DE804D
2,25:1
Nicht bestanden
Aa
#DE804D auf #B33131
2,15:1
Nicht bestanden
Aa
#D9FFD3 auf #EDE969
1,17: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