Startseite Farbpaletten Palette „Canary Diamond“ mit 4 Farben

Palette „Canary Diamond“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Canary Diamond“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.942

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #626F47;
  --c-vibrant-2: #A4B465;
  --c-vibrant-3: #FFCF50;
  --c-vibrant-4: #FEFAE0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Snug Cottage (#FEFAE0) bis zum dunkelsten Ton Grass Blade (#626F47). Sie vereint Grass Blade, Cornstalk, Canary Diamond und Snug Cottage 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 #626F47 auf #FEFAE0 mit 5,14:1.

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

Farben im Detail

Grass Blade #626F47

RGB: rgb(98, 111, 71)
HSL: hsl(80, 22%, 36%)
Luminanz: 0,144

Cornstalk #A4B465

RGB: rgb(164, 180, 101)
HSL: hsl(72, 34%, 55%)
Luminanz: 0,415

Canary Diamond #FFCF50

RGB: rgb(255, 207, 80)
HSL: hsl(44, 100%, 66%)
Luminanz: 0,665

Snug Cottage #FEFAE0

RGB: rgb(254, 250, 224)
HSL: hsl(52, 94%, 94%)
Luminanz: 0,948

Kontrast & Barrierefreiheit

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

Aa #626F47 auf #FEFAE0 5,14:1 AA

Aa #626F47 auf #FFCF50 3,68:1 AA (großer Text)

Aa #626F47 auf #A4B465 2,39:1 Nicht bestanden

Aa #A4B465 auf #FEFAE0 2,15:1 Nicht bestanden

Aa #A4B465 auf #FFCF50 1,54:1 Nicht bestanden

Aa #FFCF50 auf #FEFAE0 1,40:1 Nicht bestanden

Palette „Canary Diamond“ mit 4 Farben