Blood Mints

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

Zurück zur Bibliothek

Blood Mints

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär mint polyphrog blood

Likes 77

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #281B3A;
  --c-muted-2: #C9643C;
  --c-muted-3: #67AA92;
  --c-muted-4: #FEFF94;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pastel Yellow (#FEFF94) bis zum dunkelsten Ton Blackcurrant (#281B3A). Sie vereint Blackcurrant, Hashut Copper, Artemesia Green und Pastel 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 #281B3A auf #FEFF94 mit 15,25:1.

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

Farben im Detail

Blackcurrant #281B3A

RGB: rgb(40, 27, 58)
HSL: hsl(265, 36%, 17%)
Luminanz: 0,015

Hashut Copper #C9643C

RGB: rgb(201, 100, 60)
HSL: hsl(17, 57%, 51%)
Luminanz: 0,219

Artemesia Green #67AA92

RGB: rgb(103, 170, 146)
HSL: hsl(159, 28%, 54%)
Luminanz: 0,337

Pastel Yellow #FEFF94

RGB: rgb(254, 255, 148)
HSL: hsl(61, 100%, 79%)
Luminanz: 0,947

Kontrast & Barrierefreiheit

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

Aa #281B3A auf #FEFF94 15,25:1 AAA

Aa #281B3A auf #67AA92 5,92:1 AA

Aa #281B3A auf #C9643C 4,11:1 AA (großer Text)

Aa #C9643C auf #FEFF94 3,71:1 AA (großer Text)

Aa #67AA92 auf #FEFF94 2,58:1 Nicht bestanden

Aa #C9643C auf #67AA92 1,44:1 Nicht bestanden

Blood Mints

Blood Mints

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen