Startseite Farbpaletten Mango Cocktail

Mango Cocktail

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

Zurück zur Bibliothek

Mango Cocktail

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog orange red warm 2bit

Likes 39

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F0C400;
  --c-vibrant-2: #E6711A;
  --c-vibrant-3: #BA3D37;
  --c-vibrant-4: #69263E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Abra Goldenrod (#F0C400) bis zum dunkelsten Ton Siren (#69263E). Sie vereint Abra Goldenrod, 24 Carrot, Flirt Alert und Siren 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 #F0C400 auf #69263E mit 6,47:1.

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

Farben im Detail

Abra Goldenrod #F0C400

RGB: rgb(240, 196, 0)
HSL: hsl(49, 100%, 47%)
Luminanz: 0,580

24 Carrot #E6711A

RGB: rgb(230, 113, 26)
HSL: hsl(26, 80%, 50%)
Luminanz: 0,287

Flirt Alert #BA3D37

RGB: rgb(186, 61, 55)
HSL: hsl(3, 54%, 47%)
Luminanz: 0,141

Siren #69263E

RGB: rgb(105, 38, 62)
HSL: hsl(339, 47%, 28%)
Luminanz: 0,047

Kontrast & Barrierefreiheit

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

Aa #F0C400 auf #69263E 6,47:1 AA

Aa #E6711A auf #69263E 3,46:1 AA (großer Text)

Aa #F0C400 auf #BA3D37 3,31:1 AA (großer Text)

Aa #BA3D37 auf #69263E 1,96:1 Nicht bestanden

Aa #F0C400 auf #E6711A 1,87:1 Nicht bestanden

Aa #E6711A auf #BA3D37 1,77:1 Nicht bestanden

Mango Cocktail

Mango Cocktail

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen