Raspberry 7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Raspberry 7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 7 Farben Warm Gemischt Monochrom 7 pink pastel candy

Likes 28

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #49133A;
  --c-vibrant-2: #B72569;
  --c-vibrant-3: #FF2267;
  --c-vibrant-4: #FF3097;
  --c-vibrant-5: #FF5BA4;
  --c-vibrant-6: #FF9FE0;
  --c-vibrant-7: #FFE1F4;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Fairy Salt (#FFE1F4) bis zum dunkelsten Ton Velvet Cosmos (#49133A). Sie vereint Velvet Cosmos, Chaotic Roses, Peevish Red, Wild Strawberry, Magenta Crayon, Rose Daphne und Fairy Salt in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #49133A auf #FFE1F4 mit 12,05:1.

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

Farben im Detail

Velvet Cosmos #49133A

RGB: rgb(73, 19, 58)
HSL: hsl(317, 59%, 18%)
Luminanz: 0,022

Chaotic Roses #B72569

RGB: rgb(183, 37, 105)
HSL: hsl(332, 66%, 43%)
Luminanz: 0,124

Peevish Red #FF2267

RGB: rgb(255, 34, 103)
HSL: hsl(341, 100%, 57%)
Luminanz: 0,234

Wild Strawberry #FF3097

RGB: rgb(255, 48, 151)
HSL: hsl(330, 100%, 59%)
Luminanz: 0,256

Magenta Crayon #FF5BA4

RGB: rgb(255, 91, 164)
HSL: hsl(333, 100%, 68%)
Luminanz: 0,314

Rose Daphne #FF9FE0

RGB: rgb(255, 159, 224)
HSL: hsl(319, 100%, 81%)
Luminanz: 0,514

Fairy Salt #FFE1F4

RGB: rgb(255, 225, 244)
HSL: hsl(322, 100%, 94%)
Luminanz: 0,816

Kontrast & Barrierefreiheit

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

Aa #49133A auf #FFE1F4 12,05:1 AAA

Aa #49133A auf #FF9FE0 7,85:1 AAA

Aa #49133A auf #FF5BA4 5,07:1 AA

Aa #B72569 auf #FFE1F4 4,98:1 AA

Aa #49133A auf #FF3097 4,26:1 AA (großer Text)

Aa #49133A auf #FF2267 3,95:1 AA (großer Text)

Aa #B72569 auf #FF9FE0 3,24:1 AA (großer Text)

Aa #FF2267 auf #FFE1F4 3,05:1 AA (großer Text)

Aa #FF3097 auf #FFE1F4 2,83:1 Nicht bestanden

Aa #49133A auf #B72569 2,42:1 Nicht bestanden

Aa #FF5BA4 auf #FFE1F4 2,38:1 Nicht bestanden

Aa #B72569 auf #FF5BA4 2,09:1 Nicht bestanden

Aa #FF2267 auf #FF9FE0 1,99:1 Nicht bestanden

Aa #FF3097 auf #FF9FE0 1,84:1 Nicht bestanden

Aa #B72569 auf #FF3097 1,76:1 Nicht bestanden

Aa #B72569 auf #FF2267 1,63:1 Nicht bestanden

Aa #FF5BA4 auf #FF9FE0 1,55:1 Nicht bestanden

Aa #FF9FE0 auf #FFE1F4 1,54:1 Nicht bestanden

Aa #FF2267 auf #FF5BA4 1,28:1 Nicht bestanden

Aa #FF3097 auf #FF5BA4 1,19:1 Nicht bestanden

Aa #FF2267 auf #FF3097 1,08:1 Nicht bestanden

Raspberry 7

Raspberry 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen