Startseite Farbpaletten Palette „Rogue Pink“ mit 4 Farben

Palette „Rogue Pink“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Rogue Pink“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 7.907

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #A9EEE6;
  --c-vibrant-2: #FEFAEC;
  --c-vibrant-3: #F9A1BC;
  --c-vibrant-4: #625772;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Tuberose (#FEFAEC) bis zum dunkelsten Ton Rich Texture (#625772). Sie vereint Mint Tea, Tuberose, Rogue Pink und Rich Texture 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 #FEFAEC auf #625772 mit 6,43:1.

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

Farben im Detail

Mint Tea #A9EEE6

RGB: rgb(169, 238, 230)
HSL: hsl(173, 67%, 80%)
Luminanz: 0,753

Tuberose #FEFAEC

RGB: rgb(254, 250, 236)
HSL: hsl(47, 90%, 96%)
Luminanz: 0,955

Rogue Pink #F9A1BC

RGB: rgb(249, 161, 188)
HSL: hsl(342, 88%, 80%)
Luminanz: 0,493

Rich Texture #625772

RGB: rgb(98, 87, 114)
HSL: hsl(264, 13%, 39%)
Luminanz: 0,106

Kontrast & Barrierefreiheit

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

Aa #FEFAEC auf #625772 6,43:1 AA

Aa #A9EEE6 auf #625772 5,14:1 AA

Aa #F9A1BC auf #625772 3,47:1 AA (großer Text)

Aa #FEFAEC auf #F9A1BC 1,85:1 Nicht bestanden

Aa #A9EEE6 auf #F9A1BC 1,48:1 Nicht bestanden

Aa #A9EEE6 auf #FEFAEC 1,25:1 Nicht bestanden

Palette „Rogue Pink“ mit 4 Farben