Startseite Farbpaletten Palette „Yuzukoshō“ mit 4 Farben

Palette „Yuzukoshō“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Yuzukoshō“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 967

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #902424;
  --c-vibrant-2: #D9AF5D;
  --c-vibrant-3: #CEDE48;
  --c-vibrant-4: #E9EFBA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spring Blossom (#E9EFBA) bis zum dunkelsten Ton Old Mandarin (#902424). Sie vereint Old Mandarin, Stranglethorn Ochre, Yuzukoshō und Spring Blossom 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 #902424 auf #E9EFBA mit 7,11:1.

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

Farben im Detail

Old Mandarin #902424

RGB: rgb(144, 36, 36)
HSL: hsl(0, 60%, 35%)
Luminanz: 0,073

Stranglethorn Ochre #D9AF5D

RGB: rgb(217, 175, 93)
HSL: hsl(40, 62%, 61%)
Luminanz: 0,462

Yuzukoshō #CEDE48

RGB: rgb(206, 222, 72)
HSL: hsl(66, 69%, 58%)
Luminanz: 0,658

Spring Blossom #E9EFBA

RGB: rgb(233, 239, 186)
HSL: hsl(67, 62%, 83%)
Luminanz: 0,826

Kontrast & Barrierefreiheit

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

Aa #902424 auf #E9EFBA 7,11:1 AAA

Aa #902424 auf #CEDE48 5,75:1 AA

Aa #902424 auf #D9AF5D 4,16:1 AA (großer Text)

Aa #D9AF5D auf #E9EFBA 1,71:1 Nicht bestanden

Aa #D9AF5D auf #CEDE48 1,38:1 Nicht bestanden

Aa #CEDE48 auf #E9EFBA 1,24:1 Nicht bestanden

Palette „Yuzukoshō“ mit 4 Farben