Startseite Farbpaletten Palette „Chickadee“ mit 4 Farben

Palette „Chickadee“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Chickadee“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.293

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #6A2E2E;
  --c-vibrant-2: #CD5A5A;
  --c-vibrant-3: #FFCF68;
  --c-vibrant-4: #EFF6A5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Australian Mint (#EFF6A5) bis zum dunkelsten Ton Arcane Red (#6A2E2E). Sie vereint Arcane Red, Common Chestnut, Chickadee und Australian Mint 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 #6A2E2E auf #EFF6A5 mit 9:1.

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

Farben im Detail

Arcane Red #6A2E2E

RGB: rgb(106, 46, 46)
HSL: hsl(0, 39%, 30%)
Luminanz: 0,052

Common Chestnut #CD5A5A

RGB: rgb(205, 90, 90)
HSL: hsl(0, 53%, 58%)
Luminanz: 0,210

Chickadee #FFCF68

RGB: rgb(255, 207, 104)
HSL: hsl(41, 100%, 70%)
Luminanz: 0,669

Australian Mint #EFF6A5

RGB: rgb(239, 246, 165)
HSL: hsl(65, 82%, 81%)
Luminanz: 0,870

Kontrast & Barrierefreiheit

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

Aa #6A2E2E auf #EFF6A5 9,00:1 AAA

Aa #6A2E2E auf #FFCF68 7,04:1 AAA

Aa #CD5A5A auf #EFF6A5 3,53:1 AA (großer Text)

Aa #CD5A5A auf #FFCF68 2,76:1 Nicht bestanden

Aa #6A2E2E auf #CD5A5A 2,55:1 Nicht bestanden

Aa #FFCF68 auf #EFF6A5 1,28:1 Nicht bestanden

Palette „Chickadee“ mit 4 Farben