Red Sand

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

Zurück zur Bibliothek

Red Sand

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

Bearbeiten

Lebendig 3 Farben Warm Gemischt Analog red polyphrog sand

Likes 36

Farben 3

CSS-Variablen

:root {
  --c-vibrant-1: #FFFF89;
  --c-vibrant-2: #E3331E;
  --c-vibrant-3: #120A02;
}

Über diese Palette

Diese lebendige Palette mit 3 Farben reicht vom hellsten Ton Cinque Foil (#FFFF89) bis zum dunkelsten Ton Asphalt (#120A02). Sie vereint Cinque Foil, Devilish und Asphalt in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 3. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFF89 auf #120A02 mit 18,61:1.

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

Farben im Detail

Cinque Foil #FFFF89

RGB: rgb(255, 255, 137)
HSL: hsl(60, 100%, 77%)
Luminanz: 0,946

Devilish #E3331E

RGB: rgb(227, 51, 30)
HSL: hsl(6, 78%, 50%)
Luminanz: 0,188

Asphalt #120A02

RGB: rgb(18, 10, 2)
HSL: hsl(30, 80%, 4%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #FFFF89 auf #120A02 18,61:1 AAA

Aa #E3331E auf #120A02 4,45:1 AA (großer Text)

Aa #FFFF89 auf #E3331E 4,19:1 AA (großer Text)

Red Sand

Red Sand

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen