Startseite Farbpaletten Guy With A Golden Circle On Head

Guy With A Golden Circle On Head

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

Zurück zur Bibliothek

Guy With A Golden Circle On Head

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

Bearbeiten

Lebendig 5 Farben Warm Gemischt Komplementär

Likes 6

Farben 5

CSS-Variablen

:root {
  --c-vibrant-1: #290606;
  --c-vibrant-2: #617673;
  --c-vibrant-3: #9DAABB;
  --c-vibrant-4: #FFE100;
  --c-vibrant-5: #FFCE96;
}

Über diese Palette

Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Golden Yellow (#FFE100) bis zum dunkelsten Ton Sepia Black (#290606). Sie vereint Sepia Black, Paradise City, Blue Fog, Golden Yellow und Tangerine Silk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #290606 auf #FFE100 mit 14,27:1.

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

Farben im Detail

Sepia Black #290606

RGB: rgb(41, 6, 6)
HSL: hsl(0, 74%, 9%)
Luminanz: 0,006

Paradise City #617673

RGB: rgb(97, 118, 115)
HSL: hsl(171, 10%, 42%)
Luminanz: 0,167

Blue Fog #9DAABB

RGB: rgb(157, 170, 187)
HSL: hsl(214, 18%, 67%)
Luminanz: 0,395

Golden Yellow #FFE100

RGB: rgb(255, 225, 0)
HSL: hsl(53, 100%, 50%)
Luminanz: 0,751

Tangerine Silk #FFCE96

RGB: rgb(255, 206, 150)
HSL: hsl(32, 100%, 79%)
Luminanz: 0,676

Kontrast & Barrierefreiheit

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

Aa #290606 auf #FFE100 14,27:1 AAA

Aa #290606 auf #FFCE96 12,93:1 AAA

Aa #290606 auf #9DAABB 7,93:1 AAA

Aa #290606 auf #617673 3,87:1 AA (großer Text)

Aa #617673 auf #FFE100 3,69:1 AA (großer Text)

Aa #617673 auf #FFCE96 3,34:1 AA (großer Text)

Aa #617673 auf #9DAABB 2,05:1 Nicht bestanden

Aa #9DAABB auf #FFE100 1,80:1 Nicht bestanden

Aa #9DAABB auf #FFCE96 1,63:1 Nicht bestanden

Aa #FFE100 auf #FFCE96 1,10:1 Nicht bestanden

Guy With A Golden Circle On Head