Startseite Farbpaletten Palette „Cranberry“ mit 4 Farben

Palette „Cranberry“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cranberry“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 6.425

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFE7BF;
  --c-vibrant-2: #FFC4C4;
  --c-vibrant-3: #FF869E;
  --c-vibrant-4: #A10035;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamy Apricot (#FFE7BF) bis zum dunkelsten Ton Cranberry (#A10035). Sie vereint Creamy Apricot, Pink and Sleek, Rosa und Cranberry 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 #FFE7BF auf #A10035 mit 6,79:1.

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

Farben im Detail

Creamy Apricot #FFE7BF

RGB: rgb(255, 231, 191)
HSL: hsl(38, 100%, 87%)
Luminanz: 0,822

Pink and Sleek #FFC4C4

RGB: rgb(255, 196, 196)
HSL: hsl(0, 100%, 88%)
Luminanz: 0,647

Rosa #FF869E

RGB: rgb(255, 134, 158)
HSL: hsl(348, 100%, 76%)
Luminanz: 0,408

Cranberry #A10035

RGB: rgb(161, 0, 53)
HSL: hsl(340, 100%, 32%)
Luminanz: 0,078

Kontrast & Barrierefreiheit

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

Aa #FFE7BF auf #A10035 6,79:1 AA

Aa #FFC4C4 auf #A10035 5,43:1 AA

Aa #FF869E auf #A10035 3,57:1 AA (großer Text)

Aa #FFE7BF auf #FF869E 1,90:1 Nicht bestanden

Aa #FFC4C4 auf #FF869E 1,52:1 Nicht bestanden

Aa #FFE7BF auf #FFC4C4 1,25:1 Nicht bestanden

Palette „Cranberry“ mit 4 Farben