Startseite Farbpaletten Palette „French Rose“ mit 4 Farben

Palette „French Rose“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „French Rose“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 7.731

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0802A3;
  --c-vibrant-2: #FF4B91;
  --c-vibrant-3: #FF7676;
  --c-vibrant-4: #FFCD4B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Flame Yellow (#FFCD4B) bis zum dunkelsten Ton Traditional Royal Blue (#0802A3). Sie vereint Traditional Royal Blue, French Rose, Embarrassment und Flame Yellow 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 #0802A3 auf #FFCD4B mit 9,1:1.

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

Farben im Detail

Traditional Royal Blue #0802A3

RGB: rgb(8, 2, 163)
HSL: hsl(242, 98%, 32%)
Luminanz: 0,027

French Rose #FF4B91

RGB: rgb(255, 75, 145)
HSL: hsl(337, 100%, 65%)
Luminanz: 0,283

Embarrassment #FF7676

RGB: rgb(255, 118, 118)
HSL: hsl(0, 100%, 73%)
Luminanz: 0,355

Flame Yellow #FFCD4B

RGB: rgb(255, 205, 75)
HSL: hsl(43, 100%, 65%)
Luminanz: 0,654

Kontrast & Barrierefreiheit

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

Aa #0802A3 auf #FFCD4B 9,10:1 AAA

Aa #0802A3 auf #FF7676 5,24:1 AA

Aa #0802A3 auf #FF4B91 4,31:1 AA (großer Text)

Aa #FF4B91 auf #FFCD4B 2,11:1 Nicht bestanden

Aa #FF7676 auf #FFCD4B 1,74:1 Nicht bestanden

Aa #FF4B91 auf #FF7676 1,22:1 Nicht bestanden

Palette „French Rose“ mit 4 Farben