Startseite Farbpaletten Palette „Kisses“ mit 4 Farben

Palette „Kisses“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Kisses“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.122

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #5F4444;
  --c-vibrant-2: #AF3264;
  --c-vibrant-3: #FF63B5;
  --c-vibrant-4: #FFBBBB;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Hard Candy (#FFBBBB) bis zum dunkelsten Ton Embarcadero (#5F4444). Sie vereint Embarcadero, Blood Thorn, Kisses und Hard Candy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5F4444 auf #FFBBBB mit 5,46:1.

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

Farben im Detail

Embarcadero #5F4444

RGB: rgb(95, 68, 68)
HSL: hsl(0, 17%, 32%)
Luminanz: 0,070

Blood Thorn #AF3264

RGB: rgb(175, 50, 100)
HSL: hsl(336, 56%, 44%)
Luminanz: 0,123

Kisses #FF63B5

RGB: rgb(255, 99, 181)
HSL: hsl(328, 100%, 69%)
Luminanz: 0,335

Hard Candy #FFBBBB

RGB: rgb(255, 187, 187)
HSL: hsl(0, 100%, 87%)
Luminanz: 0,604

Kontrast & Barrierefreiheit

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

Aa #5F4444 auf #FFBBBB 5,46:1 AA

Aa #AF3264 auf #FFBBBB 3,78:1 AA (großer Text)

Aa #5F4444 auf #FF63B5 3,21:1 AA (großer Text)

Aa #AF3264 auf #FF63B5 2,22:1 Nicht bestanden

Aa #FF63B5 auf #FFBBBB 1,70:1 Nicht bestanden

Aa #5F4444 auf #AF3264 1,44:1 Nicht bestanden

Palette „Kisses“ mit 4 Farben