Startseite Farbpaletten Palette „Powder Rose“ mit 4 Farben

Palette „Powder Rose“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Powder Rose“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 9.135

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #132043;
  --c-vibrant-2: #1F4172;
  --c-vibrant-3: #F1B4BB;
  --c-vibrant-4: #FDF0F0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Cherry Blossom (#FDF0F0) bis zum dunkelsten Ton Dark Eclipse (#132043). Sie vereint Dark Eclipse, Cold Current, Powder Rose und Pale Cherry Blossom in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #132043 auf #FDF0F0 mit 14,37:1.

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

Farben im Detail

Dark Eclipse #132043

RGB: rgb(19, 32, 67)
HSL: hsl(224, 56%, 17%)
Luminanz: 0,016

Cold Current #1F4172

RGB: rgb(31, 65, 114)
HSL: hsl(215, 57%, 28%)
Luminanz: 0,053

Powder Rose #F1B4BB

RGB: rgb(241, 180, 187)
HSL: hsl(353, 69%, 83%)
Luminanz: 0,549

Pale Cherry Blossom #FDF0F0

RGB: rgb(253, 240, 240)
HSL: hsl(0, 76%, 97%)
Luminanz: 0,895

Kontrast & Barrierefreiheit

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

Aa #132043 auf #FDF0F0 14,37:1 AAA

Aa #1F4172 auf #FDF0F0 9,19:1 AAA

Aa #132043 auf #F1B4BB 9,11:1 AAA

Aa #1F4172 auf #F1B4BB 5,83:1 AA

Aa #F1B4BB auf #FDF0F0 1,58:1 Nicht bestanden

Aa #132043 auf #1F4172 1,56:1 Nicht bestanden

Palette „Powder Rose“ mit 4 Farben