Gold

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

Zurück zur Bibliothek

Gold

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog orange yellow gold

Likes 31

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FFF883;
  --c-vibrant-2: #F29B14;
  --c-vibrant-3: #D26E0A;
  --c-vibrant-4: #B64701;
  --c-vibrant-5: #8C3600;
  --c-vibrant-6: #632600;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Aged Plastic Casing (#FFF883) bis zum dunkelsten Ton Raw Chocolate (#632600). Sie vereint Aged Plastic Casing, Angry Hornet, Cinnamon, Beef Bourguignon, Espresso Martini und Raw Chocolate in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF883 auf #632600 mit 10,51:1.

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

Farben im Detail

Aged Plastic Casing #FFF883

RGB: rgb(255, 248, 131)
HSL: hsl(57, 100%, 76%)
Luminanz: 0,900

Angry Hornet #F29B14

RGB: rgb(242, 155, 20)
HSL: hsl(36, 90%, 51%)
Luminanz: 0,424

Cinnamon #D26E0A

RGB: rgb(210, 110, 10)
HSL: hsl(30, 91%, 43%)
Luminanz: 0,249

Beef Bourguignon #B64701

RGB: rgb(182, 71, 1)
HSL: hsl(23, 99%, 36%)
Luminanz: 0,145

Espresso Martini #8C3600

RGB: rgb(140, 54, 0)
HSL: hsl(23, 100%, 27%)
Luminanz: 0,082

Raw Chocolate #632600

RGB: rgb(99, 38, 0)
HSL: hsl(23, 100%, 19%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #FFF883 auf #632600 10,51:1 AAA

Aa #FFF883 auf #8C3600 7,19:1 AAA

Aa #F29B14 auf #632600 5,24:1 AA

Aa #FFF883 auf #B64701 4,89:1 AA

Aa #F29B14 auf #8C3600 3,58:1 AA (großer Text)

Aa #D26E0A auf #632600 3,31:1 AA (großer Text)

Aa #FFF883 auf #D26E0A 3,18:1 AA (großer Text)

Aa #F29B14 auf #B64701 2,44:1 Nicht bestanden

Aa #D26E0A auf #8C3600 2,26:1 Nicht bestanden

Aa #B64701 auf #632600 2,15:1 Nicht bestanden

Aa #FFF883 auf #F29B14 2,01:1 Nicht bestanden

Aa #F29B14 auf #D26E0A 1,59:1 Nicht bestanden

Aa #D26E0A auf #B64701 1,54:1 Nicht bestanden

Aa #B64701 auf #8C3600 1,47:1 Nicht bestanden

Aa #8C3600 auf #632600 1,46:1 Nicht bestanden

Gold

Gold

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen