Copper Cut

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

Zurück zur Bibliothek

Copper Cut

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär metal copper abstract polyphorge

Likes 70

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFFBD1;
  --c-vibrant-2: #F4A374;
  --c-vibrant-3: #3F7A63;
  --c-vibrant-4: #1B1829;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamed Butter (#FFFBD1) bis zum dunkelsten Ton Sambucus (#1B1829). Sie vereint Creamed Butter, Flaming Cauldron, Fir und Sambucus 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 #FFFBD1 auf #1B1829 mit 16,52:1.

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

Farben im Detail

Creamed Butter #FFFBD1

RGB: rgb(255, 251, 209)
HSL: hsl(55, 100%, 91%)
Luminanz: 0,949

Flaming Cauldron #F4A374

RGB: rgb(244, 163, 116)
HSL: hsl(22, 85%, 71%)
Luminanz: 0,467

Fir #3F7A63

RGB: rgb(63, 122, 99)
HSL: hsl(157, 32%, 36%)
Luminanz: 0,159

Sambucus #1B1829

RGB: rgb(27, 24, 41)
HSL: hsl(251, 26%, 13%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

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

Aa #FFFBD1 auf #1B1829 16,52:1 AAA

Aa #F4A374 auf #1B1829 8,55:1 AAA

Aa #FFFBD1 auf #3F7A63 4,78:1 AA

Aa #3F7A63 auf #1B1829 3,45:1 AA (großer Text)

Aa #F4A374 auf #3F7A63 2,48:1 Nicht bestanden

Aa #FFFBD1 auf #F4A374 1,93:1 Nicht bestanden

Copper Cut

Copper Cut

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen