Startseite Farbpaletten Palette „Love Red“ mit 4 Farben

Palette „Love Red“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Love Red“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Split-komplementär

Likes 2.089

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #004182;
  --c-vibrant-2: #118DF0;
  --c-vibrant-3: #FBFFA3;
  --c-vibrant-4: #FF4B68;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Calamansi (#FBFFA3) bis zum dunkelsten Ton Bracing Blue (#004182). Sie vereint Bracing Blue, Out of the Blue, Calamansi und Love Red 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 #004182 auf #FBFFA3 mit 9,59:1.

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

Farben im Detail

Bracing Blue #004182

RGB: rgb(0, 65, 130)
HSL: hsl(210, 100%, 25%)
Luminanz: 0,054

Out of the Blue #118DF0

RGB: rgb(17, 141, 240)
HSL: hsl(207, 88%, 50%)
Luminanz: 0,255

Calamansi #FBFFA3

RGB: rgb(251, 255, 163)
HSL: hsl(63, 100%, 82%)
Luminanz: 0,947

Love Red #FF4B68

RGB: rgb(255, 75, 104)
HSL: hsl(350, 100%, 65%)
Luminanz: 0,273

Kontrast & Barrierefreiheit

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

Aa #004182 auf #FBFFA3 9,59:1 AAA

Aa #118DF0 auf #FBFFA3 3,27:1 AA (großer Text)

Aa #004182 auf #FF4B68 3,11:1 AA (großer Text)

Aa #FBFFA3 auf #FF4B68 3,09:1 AA (großer Text)

Aa #004182 auf #118DF0 2,93:1 Nicht bestanden

Aa #118DF0 auf #FF4B68 1,06:1 Nicht bestanden

Palette „Love Red“ mit 4 Farben