Startseite Farbpaletten Palette „Stellar Strawberry“ mit 4 Farben

Palette „Stellar Strawberry“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Stellar Strawberry“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Warm Hell Monochrom

Likes 7.062

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #524A4E;
  --c-vibrant-2: #FDEFF4;
  --c-vibrant-3: #FFC0D3;
  --c-vibrant-4: #FF5C8D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Cherry Blossom (#FDEFF4) bis zum dunkelsten Ton Noblesse (#524A4E). Sie vereint Noblesse, Pale Cherry Blossom, Garden Glory und Stellar Strawberry 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 #524A4E auf #FDEFF4 mit 7,69:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Noblesse #524A4E

RGB: rgb(82, 74, 78)
HSL: hsl(330, 5%, 31%)
Luminanz: 0,072

Pale Cherry Blossom #FDEFF4

RGB: rgb(253, 239, 244)
HSL: hsl(339, 78%, 96%)
Luminanz: 0,892

Garden Glory #FFC0D3

RGB: rgb(255, 192, 211)
HSL: hsl(342, 100%, 88%)
Luminanz: 0,637

Stellar Strawberry #FF5C8D

RGB: rgb(255, 92, 141)
HSL: hsl(342, 100%, 68%)
Luminanz: 0,308

Kontrast & Barrierefreiheit

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

Aa #524A4E auf #FDEFF4 7,69:1 AAA

Aa #524A4E auf #FFC0D3 5,61:1 AA

Aa #524A4E auf #FF5C8D 2,93:1 Nicht bestanden

Aa #FDEFF4 auf #FF5C8D 2,63:1 Nicht bestanden

Aa #FFC0D3 auf #FF5C8D 1,92:1 Nicht bestanden

Aa #FDEFF4 auf #FFC0D3 1,37:1 Nicht bestanden

Palette „Stellar Strawberry“ mit 4 Farben