Startseite Farbpaletten Palette „Painted Clay“ mit 4 Farben

Palette „Painted Clay“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Painted Clay“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 706

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #EF8F6B;
  --c-vibrant-2: #D36239;
  --c-vibrant-3: #E2DD66;
  --c-vibrant-4: #A8B94E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fandangle (#E2DD66) bis zum dunkelsten Ton Vermilion Waxcap (#D36239). Sie vereint Painted Clay, Vermilion Waxcap, Fandangle und Green Banana in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Painted Clay #EF8F6B

RGB: rgb(239, 143, 107)
HSL: hsl(16, 80%, 68%)
Luminanz: 0,391

Vermilion Waxcap #D36239

RGB: rgb(211, 98, 57)
HSL: hsl(16, 64%, 53%)
Luminanz: 0,229

Fandangle #E2DD66

RGB: rgb(226, 221, 102)
HSL: hsl(58, 68%, 64%)
Luminanz: 0,688

Green Banana #A8B94E

RGB: rgb(168, 185, 78)
HSL: hsl(70, 43%, 52%)
Luminanz: 0,436

Kontrast & Barrierefreiheit

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

Aa #D36239 auf #E2DD66 2,65:1 Nicht bestanden

Aa #D36239 auf #A8B94E 1,74:1 Nicht bestanden

Aa #EF8F6B auf #E2DD66 1,68:1 Nicht bestanden

Aa #EF8F6B auf #D36239 1,58:1 Nicht bestanden

Aa #E2DD66 auf #A8B94E 1,52:1 Nicht bestanden

Aa #EF8F6B auf #A8B94E 1,10:1 Nicht bestanden

Palette „Painted Clay“ mit 4 Farben