Startseite Farbpaletten Palette „Doughnut“ mit 4 Farben

Palette „Doughnut“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Doughnut“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 2.360

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1B3764;
  --c-vibrant-2: #4AB8B8;
  --c-vibrant-3: #FAFCCB;
  --c-vibrant-4: #EFA35C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Morrow White (#FAFCCB) bis zum dunkelsten Ton Passionate Blue (#1B3764). Sie vereint Passionate Blue, Arctic Green, Morrow White und Doughnut 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 #1B3764 auf #FAFCCB mit 11,17:1.

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

Farben im Detail

Passionate Blue #1B3764

RGB: rgb(27, 55, 100)
HSL: hsl(217, 57%, 25%)
Luminanz: 0,039

Arctic Green #4AB8B8

RGB: rgb(74, 184, 184)
HSL: hsl(180, 44%, 51%)
Luminanz: 0,392

Morrow White #FAFCCB

RGB: rgb(250, 252, 203)
HSL: hsl(62, 89%, 89%)
Luminanz: 0,943

Doughnut #EFA35C

RGB: rgb(239, 163, 92)
HSL: hsl(29, 82%, 65%)
Luminanz: 0,453

Kontrast & Barrierefreiheit

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

Aa #1B3764 auf #FAFCCB 11,17:1 AAA

Aa #1B3764 auf #EFA35C 5,66:1 AA

Aa #1B3764 auf #4AB8B8 4,97:1 AA

Aa #4AB8B8 auf #FAFCCB 2,25:1 Nicht bestanden

Aa #FAFCCB auf #EFA35C 1,97:1 Nicht bestanden

Aa #4AB8B8 auf #EFA35C 1,14:1 Nicht bestanden

Palette „Doughnut“ mit 4 Farben