Startseite Farbpaletten Palette „Blank Canvas“ mit 4 Farben

Palette „Blank Canvas“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blank Canvas“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 10.207

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2DEBA;
  --c-vibrant-2: #FFEFD6;
  --c-vibrant-3: #0E5E6F;
  --c-vibrant-4: #3A8891;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Blank Canvas (#FFEFD6) bis zum dunkelsten Ton Nocturnal Sea (#0E5E6F). Sie vereint Nothing Less, Blank Canvas, Nocturnal Sea und Seachange 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 #FFEFD6 auf #0E5E6F mit 6,52:1.

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

Farben im Detail

Nothing Less #F2DEBA

RGB: rgb(242, 222, 186)
HSL: hsl(39, 68%, 84%)
Luminanz: 0,747

Blank Canvas #FFEFD6

RGB: rgb(255, 239, 214)
HSL: hsl(37, 100%, 92%)
Luminanz: 0,879

Nocturnal Sea #0E5E6F

RGB: rgb(14, 94, 111)
HSL: hsl(191, 78%, 25%)
Luminanz: 0,093

Seachange #3A8891

RGB: rgb(58, 136, 145)
HSL: hsl(186, 43%, 40%)
Luminanz: 0,206

Kontrast & Barrierefreiheit

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

Aa #FFEFD6 auf #0E5E6F 6,52:1 AA

Aa #F2DEBA auf #0E5E6F 5,59:1 AA

Aa #FFEFD6 auf #3A8891 3,63:1 AA (großer Text)

Aa #F2DEBA auf #3A8891 3,12:1 AA (großer Text)

Aa #0E5E6F auf #3A8891 1,79:1 Nicht bestanden

Aa #F2DEBA auf #FFEFD6 1,17:1 Nicht bestanden

Palette „Blank Canvas“ mit 4 Farben