Startseite Farbpaletten Palette „Golden Crescent“ mit 4 Farben

Palette „Golden Crescent“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Golden Crescent“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.101

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F5F4E8;
  --c-vibrant-2: #C50D66;
  --c-vibrant-3: #F07810;
  --c-vibrant-4: #EEC60A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Moon Rise (#F5F4E8) bis zum dunkelsten Ton Xīpe Totēc Red (#C50D66). Sie vereint Moon Rise, Xīpe Totēc Red, Therapeutic Toucan und Golden Crescent in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F5F4E8 auf #C50D66 mit 5,24:1.

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

Farben im Detail

Moon Rise #F5F4E8

RGB: rgb(245, 244, 232)
HSL: hsl(55, 39%, 94%)
Luminanz: 0,899

Xīpe Totēc Red #C50D66

RGB: rgb(197, 13, 102)
HSL: hsl(331, 88%, 41%)
Luminanz: 0,131

Therapeutic Toucan #F07810

RGB: rgb(240, 120, 16)
HSL: hsl(28, 88%, 50%)
Luminanz: 0,320

Golden Crescent #EEC60A

RGB: rgb(238, 198, 10)
HSL: hsl(49, 92%, 49%)
Luminanz: 0,586

Kontrast & Barrierefreiheit

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

Aa #F5F4E8 auf #C50D66 5,24:1 AA

Aa #C50D66 auf #EEC60A 3,51:1 AA (großer Text)

Aa #F5F4E8 auf #F07810 2,57:1 Nicht bestanden

Aa #C50D66 auf #F07810 2,04:1 Nicht bestanden

Aa #F07810 auf #EEC60A 1,72:1 Nicht bestanden

Aa #F5F4E8 auf #EEC60A 1,49:1 Nicht bestanden

Palette „Golden Crescent“ mit 4 Farben