Startseite Farbpaletten 5 Color Darling Bud Palette

5 Color Darling Bud Palette

Palette mit 5 Farben · Neutral · Gemischt

Zurück zur Bibliothek

5 Color Darling Bud Palette

Palette mit 5 Farben · Temperatur: Neutral · Ton: Gemischt

Bearbeiten

5 Farben Neutral Gemischt

Likes 0

Farben 5

CSS-Variablen

:root {
  --c-palette-1: #FFFFFF;
  --c-palette-2: #E7B7FB;
  --c-palette-3: #B0CBFC;
  --c-palette-4: #F98BF7;
  --c-palette-5: #F7CEFC;
}

Über diese Palette

Diese Farbpalette mit 5 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Darling Bud (#F98BF7). Sie vereint White, Euphoria, Night Snow, Darling Bud und Sassy Pink 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

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Euphoria #E7B7FB

RGB: rgb(231, 183, 251)
HSL: hsl(282, 89%, 85%)
Luminanz: 0,578

Night Snow #B0CBFC

RGB: rgb(176, 203, 252)
HSL: hsl(219, 93%, 84%)
Luminanz: 0,590

Darling Bud #F98BF7

RGB: rgb(249, 139, 247)
HSL: hsl(301, 90%, 76%)
Luminanz: 0,453

Sassy Pink #F7CEFC

RGB: rgb(247, 206, 252)
HSL: hsl(293, 88%, 90%)
Luminanz: 0,710

Kontrast & Barrierefreiheit

0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #FFFFFF auf #F98BF7 2,09:1 Nicht bestanden

Aa #FFFFFF auf #E7B7FB 1,67:1 Nicht bestanden

Aa #FFFFFF auf #B0CBFC 1,64:1 Nicht bestanden

Aa #F98BF7 auf #F7CEFC 1,51:1 Nicht bestanden

Aa #FFFFFF auf #F7CEFC 1,38:1 Nicht bestanden

Aa #B0CBFC auf #F98BF7 1,27:1 Nicht bestanden

Aa #E7B7FB auf #F98BF7 1,25:1 Nicht bestanden

Aa #E7B7FB auf #F7CEFC 1,21:1 Nicht bestanden

Aa #B0CBFC auf #F7CEFC 1,19:1 Nicht bestanden

Aa #E7B7FB auf #B0CBFC 1,02:1 Nicht bestanden

5 Color Darling Bud Palette