Startseite Farbpaletten Palette „Vivid Crimson“ mit 4 Farben

Palette „Vivid Crimson“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vivid Crimson“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 6.845

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF5E1;
  --c-vibrant-2: #FF6969;
  --c-vibrant-3: #C80036;
  --c-vibrant-4: #0C1844;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamy Cloud Dreams (#FFF5E1) bis zum dunkelsten Ton Deadly Depths (#0C1844). Sie vereint Creamy Cloud Dreams, Pompelmo, Vivid Crimson und Deadly Depths in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF5E1 auf #0C1844 mit 15,78:1.

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

Farben im Detail

Creamy Cloud Dreams #FFF5E1

RGB: rgb(255, 245, 225)
HSL: hsl(40, 100%, 94%)
Luminanz: 0,920

Pompelmo #FF6969

RGB: rgb(255, 105, 105)
HSL: hsl(0, 100%, 71%)
Luminanz: 0,324

Vivid Crimson #C80036

RGB: rgb(200, 0, 54)
HSL: hsl(344, 100%, 39%)
Luminanz: 0,126

Deadly Depths #0C1844

RGB: rgb(12, 24, 68)
HSL: hsl(227, 70%, 16%)
Luminanz: 0,012

Kontrast & Barrierefreiheit

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

Aa #FFF5E1 auf #0C1844 15,78:1 AAA

Aa #FF6969 auf #0C1844 6,08:1 AA

Aa #FFF5E1 auf #C80036 5,53:1 AA

Aa #C80036 auf #0C1844 2,85:1 Nicht bestanden

Aa #FFF5E1 auf #FF6969 2,59:1 Nicht bestanden

Aa #FF6969 auf #C80036 2,13:1 Nicht bestanden

Palette „Vivid Crimson“ mit 4 Farben